Основи HTML & CSS для початківців #16 - Одиниці вимірювання в CSS (CSS units)

Поделиться
HTML-код
  • Опубликовано: 6 янв 2025

Комментарии • 60

  • @Keywestny
    @Keywestny 2 года назад +24

    дякую що періодично звертаєте увагу на те, що запитують на співбесідах 🤍

  • @ГалинаКанцер-и5ъ
    @ГалинаКанцер-и5ъ 23 дня назад

    Все подобається, Вчу вас з першого уроку. Мала досвід з goit, недовчилась. зависла на бібліотеках... багато взяла у вас, а там дуже вже швидко, розраховано на досвідчених учнів. Дякую за Вашу працю. Розраховую пройти все, що ви виклали і набратись у вас досвіду. Чи попаду в цю сферу - не знаю. Сильна конкуренція + з'явився штучний інтелект. Але мені ця діяльність заходить. Якщо зараз винайшли ще новіші спеціальності в IT-індустрії, прошу розказати. Вчіться і нас вчіть))))))) Нехай ніхто і ніщо не дасть вам згаснути.

  • @iraaex
    @iraaex 2 года назад +9

    Мені поки все здається тут дивним)) надіюсь з часом зрозумію)
    Дякую за відео)

    • @savchukit1454
      @savchukit1454  2 года назад +9

      Все зрозумієте обов'язково)

  • @sofidanylak2099
    @sofidanylak2099 2 года назад +14

    Дуже актуально! Дякую за якісний контент українською мовою.

  • @juliannaant7185
    @juliannaant7185 Год назад +3

    Поки що, все зрозуміло, дякую за контент, це знахідка для мене

  • @alexandra1551
    @alexandra1551 2 года назад +11

    Такий чудовий курс… ДЯКУЮ ВАМ!

  • @conoscerLa
    @conoscerLa 2 года назад +3

    Дякую за урок! Складна тема з першого погляду, але завдяки Вашим поясненням можна розібратися!

  • @RomanTrendKhmelnizkij1981
    @RomanTrendKhmelnizkij1981 Год назад +2

    Дякую за якісний контент,
    за 3-й день дійшов до цього уроку. Все повторюю на компі сам)))

  • @draganchuks
    @draganchuks Год назад +2

    Ох, глубина починається.. Дякую за матеріал, за намагання його доступно викласти.

    • @RoTrend23493
      @RoTrend23493 9 месяцев назад +2

      Глибина почнеться в JS, а це ще дитсадочок)))

  • @dentergun1883
    @dentergun1883 2 года назад +3

    Урок не складний просто тут дуже велика кількість інформація.(можливо варто розкладати на дві частини уроки.Так по ідеї має бути всім більш легко)))))Урок шикарний )))122222222222222+ безкінечність+ безкінечність безкінечностей в геометричних безкінечних прогресіях/10.)))інші уроки на такому ж рівні

  • @igor_paseka
    @igor_paseka 2 года назад +1

    Дякую за доступне пояснення. 👍👍👍

  • @andrewborys4599
    @andrewborys4599 2 года назад +2

    Крутий контент, дякую!

  • @marnoslv
    @marnoslv Год назад

    офігенно) дякую за відос)

  • @MrDmytr0
    @MrDmytr0 2 года назад +7

    З приводу відношення кількості пікселей до сантиментрів (3:39) - кількість пікселів на сантиметр може дуже сильно різнитися (в рази) в залежності від типу екрану.

    • @savchukit1454
      @savchukit1454  2 года назад +4

      Ухти, пропустив цей нюанс! Дякую за уточнення!

  • @KrapochkKa
    @KrapochkKa Год назад

    Дуже круто, Дякую

  • @nazarkryvenko7308
    @nazarkryvenko7308 2 года назад +1

    Дякую, все ясно!
    😄

  • @TinaV-z9i
    @TinaV-z9i 2 года назад +1

    дякую за урок !

  • @nataliab9458
    @nataliab9458 2 года назад +1

    Дякую.

  • @slark7779
    @slark7779 2 года назад +2

    Все записую)

  • @alexeyvelkov7568
    @alexeyvelkov7568 Год назад +1

    👏

  • @HEEEPSSS
    @HEEEPSSS Год назад +1

    В мене третій рядок з якоїсь причини не змінився а залишився як і другий рядок. Момент 20:23

  • @dentergun1883
    @dentergun1883 2 года назад +1

    16:00 - 18:35 найважливіша частина відео про em( то вже суб'єктивщина )))))))

  • @andriishevchuk1106
    @andriishevchuk1106 2 года назад +5

    14:10 цікаво, що коли font-size для html не прописано 1em теж дорівнює 16 px.
    Високоякісний контент, автор виконав надзвичайну роботу.

    • @denysko777
      @denysko777 Месяц назад

      Ну так, 16px +- це значення за замовчуванням надає браузер, як і дефолтні відступи

  • @deviliecode
    @deviliecode Год назад +1

    00:03 В назві вказано "Урок 17", але це напевно помилка, має бути 16?
    p.s. я не душніла, просто замітив)

    • @savchukit1454
      @savchukit1454  Год назад +2

      ахаха, справді
      не душніла, а уважний просто, дякую)

  • @КатяКузнецова-л1з
    @КатяКузнецова-л1з Год назад +2

    Доброго дня, поясніть, будь ласка, у яких моментах використовуються em та rem і для чого вони? Яка їхня головна функція? Дякую)

  • @Anastasiia_Hrytsenko
    @Anastasiia_Hrytsenko 2 года назад +5

    Доброго дня! Дякую за лекцію) А в яких випадках використовуються em/rem? В чому сенс, якщо наприклад замість em можна писати відсотки?

  • @GannaWild
    @GannaWild Месяц назад

    У мене дивна ситуація: фон (background) колір зазначений, і довкола він вказаний, але на вебсайті його немає. Тобто там написано, що колір є, але його не видно.

  • @valikhype
    @valikhype Год назад

    а чи можна величину 1em задати не через фонтсайз в тезі html?

  • @Shelffive
    @Shelffive 2 года назад +1

    Пікселі підлаштовуютьс під розмір екрану? Чи для кожного екрану виглядає індивідуально?

    • @Kirich105
      @Kirich105 Год назад

      Для кожного екрану індивідуально

  • @МиколаСторчак1КІ-23б
    @МиколаСторчак1КІ-23б 10 месяцев назад

    А якщо не вказати html проперті типу 16px -- як буде себе вести em i rem у цьому випадку
    ?

    • @denysko777
      @denysko777 Месяц назад

      Звичайно, тому що за замовчуванням браузер надає стилі, як ти міг помітити відступи, так само і розмір шрифту, не вказуючи розмір шрифту, додавши теги, ти побачиш, що вони будуть схожі за розміром на 16px

  • @Steve_JD1
    @Steve_JD1 Год назад +1

    підкажіт, будь ласка, що означає "en"? в тегу

    • @Steve_JD1
      @Steve_JD1 Год назад +1

      я знайшов - це означає мову до якої застосовується цей атрибут?

    • @savchukit1454
      @savchukit1454  Год назад +2

      @@Steve_JD1 саме так)

  • @MrDmytr0
    @MrDmytr0 2 года назад +4

    Дякую за урок! Буде круто, якщо додасте тайм-коди.

    • @savchukit1454
      @savchukit1454  2 года назад +4

      Так, в планах попрацювати над цим також :)

  • @arturvoievoda5514
    @arturvoievoda5514 2 года назад +1

    Основна різниця між rem та em це те, що rem бере корінне значення, а em може відноситись до батьківсього?

    • @savchukit1454
      @savchukit1454  2 года назад +1

      Так, все правильно)

    • @arturvoievoda5514
      @arturvoievoda5514 2 года назад

      @@savchukit1454 +, дуже вдячний, продовжуємо вчитись, сенпай!

  • @andrianazheli6888
    @andrianazheli6888 2 года назад +1

    А з чим частіше доводиться стикатися? Крім рх

    • @savchukit1454
      @savchukit1454  2 года назад +4

      Після пікселів з відсотками, мабуть. Трохи рідше - з em i rem

  • @denysgrynyshyn8229
    @denysgrynyshyn8229 2 года назад +1

    body {
    font-size: 30px;
    }
    .p-size {
    font-size: 40px;
    font-size: 2em;
    line-height: 1em;
    line-height: 2em;
    }

    • @denysgrynyshyn8229
      @denysgrynyshyn8229 2 года назад +1

      Чому фонтСізе ем відносно батьківського, а лайнХеіт відносно поточного фонтСізе ?

    • @denysko777
      @denysko777 Месяц назад

      @@denysgrynyshyn8229 Я сам не дуже розумію, але, якщо подивитись в перегляді коду елементу, тому можна побачити, що ти використав дублювання властивостей, наприклад, font-size: 40px; перекреслюється, тобто, якщо галочку прибрати, то нічого не зміниться, а також line-height: 1em; перекреслюється, залишаються лише 2em, тобто в тебе залишились лише ті, які йдуть останні. Далі, чому відносно поточного? Напевно тому що рахується відносно розміру шрифту поточного елементу, ти тег p зробив 60, line-height тепер дивиться на розміри шрифту цього елементу і помножує його на 2, тобто 60*2 = 120px, якщо ввести 2em або 120px буде одне й те саме.

  • @dentergun1883
    @dentergun1883 2 года назад +1

    До речі я тут подумав, а що якщо відсотки будуть найзручнішими бо вони зможуть змінити значення елемента і адаптуватись під різні пристрої і це все теж підлаштується під 30% чи під інші значення. І.т.д.(якщо задавати ширину 30%)Ну і по ідеї це все мало б виглядати так само як і на комп'ютері чи лаптопі + воно не покрашиться по ідеї (це лише припущення не сприймайте це за правду

  • @oleksandrchernenko1701
    @oleksandrchernenko1701 2 года назад +1

    Невже це все можливо освідомити та запам'ятати?)

    • @savchukit1454
      @savchukit1454  2 года назад +4

      Геніям можливо, простим смертним, як от нам з вами, - не потрібно)
      Візьміть лише базу звідси. Найважливіше - запам'ятайте про пікселі і відсотки, а решту зможете тут же повторити, якщо вам знадобиться колись практично)

    • @ЭдуардДартэ-ы4ж
      @ЭдуардДартэ-ы4ж Год назад +1

      @@savchukit1454 но ви сказали що на співбесіді будуть все питати... а я дуже важко запам'ятовую...

    • @denysko777
      @denysko777 Месяц назад

      @@ЭдуардДартэ-ы4ж Те саме. Найкращий спосіб це все запам'ятати - використовуй це, завжди згадуй визначення, навіщо це ти робиш і т. д. і воно запам'ятається, навіщо якщо перерву візьмеш, повернувшись, легко згадаєш, перевірено

  • @blenderman-i3w
    @blenderman-i3w Год назад +1

    18:20 - never use em but you shold know this but never use em please rem is better :))))))

  • @epsilon.sw_
    @epsilon.sw_ 5 месяцев назад

    Якось не послідовно викладаєш. Треба ж знати, що казав, а що ще хочеш сказати. Тебе ж люди дивляться і початківці теж. Я не початківець і мені нормально, але так не роблять.

    • @denysko777
      @denysko777 2 месяца назад

      Чому не послідовно, а якою повинна була бути наступна тема на вашу думку? Як на мене наче ок, тому що я не шарю, що не так, типу цю тему раніше треба було поставити, коли тільки почали працювати з текстом чи набагато пізніше?