Урок 2. Единицы измерения CSS: px, em, rem, %, vw, vh, vmin, vmax, ex, ch

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ก.ค. 2024
  • В видео подробно разберём каждую единицу измерения и где лучше их использовать.
    🍀 Поддержать канал: www.donationalerts.com/r/webe...
    ☕️ Купить кофе: buy.stripe.com/5kA7sL9574SG7x...
    🎨 Купить набор кистей Procreate: webelart.com/illustration.
    ✍️ Мой telegram channel: t.me/webelart
    🪆 Русский TH-cam: @webelart
    💁🏼‍♀️ Инстаграм: / webelart
    🦄 LinkedIn: / webelart
    00:00 введение
    00:34 абсолютные единицы измерения, W3C
    01:07 px - пиксель
    02:00 относительные единицы измерения, W3C
    02:54 rem
    03:45 em
    04:50 %
    05:50 vh, vw
    07:15 vmin, vmax
    07:54 ch, ex
    09:15 свойства, где используются ед. измерения
    09:45 где можно использовать различные ед. измерения
    16:07 заключение
    Из этого видео вы узнаете:
    ⭐️ Все существующие единицы измерения в CSS.
    ⭐️ Как рассчитываются и используются единицы измерения в CSS.
    ⭐️ В каких свойствах вы можете встретить единицы измерения.
    ⭐️ Опыт использования различных ед. измерения.
    ☃️Рекомендую посмотреть:
    ⭐️ Что такое CSS - • Урок 1. Что такое CSS?...
    ⭐️ Всё что нужно знать про интернет - • Знакомство с Интернет ...
    ⭐️ Уроки по HTML - • Основы HTML
    На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.

ความคิดเห็น • 40

  • @webelart
    @webelart  3 ปีที่แล้ว +4

    Друзья! А какие единицы измерения вы чаще всего используете в своих проектах и для каких случаев?

    • @smert-chekistam
      @smert-chekistam 3 ปีที่แล้ว +1

      🌹🌷🌹 the best explanation, that I've ever heard 😘

    • @webelart
      @webelart  3 ปีที่แล้ว

      ​@@smert-chekistam Thank you so much! I'm grad to hear that. ❤️

  • @user-kh7fv5rn1g
    @user-kh7fv5rn1g 9 หลายเดือนก่อน

    наконец то все эти понятия заняли свои места!!! Здорово!

  • @user-fg3sq3fh1e
    @user-fg3sq3fh1e 3 ปีที่แล้ว +8

    Как всё просто и подробно! Вставки классные текстовые! Отлично запоминается! Спасибо, Лена, за такое шикарное видео!)))

    • @webelart
      @webelart  3 ปีที่แล้ว +1

      Настя, спасибо за комментарий и просмотр! 😘

  • @protagonist_proradersnion
    @protagonist_proradersnion 3 ปีที่แล้ว +5

    Вау!!) Урок получился суперским, спасибо большое вам, наконец то разобрался в размерах))Вы отличный преподаватель!)Благодаря вам мне не пришлось ещё смотреть 50 видео с объяснениями!)))

    • @webelart
      @webelart  3 ปีที่แล้ว

      Спасибо! 😊

  • @user-yq3rz6ug7f
    @user-yq3rz6ug7f 2 ปีที่แล้ว +1

    Круто! Спасибо большое! Это самое профессиональное видео на эту тему, которую я видела у фронтенд-разработчиков-блогеров в ютубе.

    • @webelart
      @webelart  2 ปีที่แล้ว

      Спасибо! ❤️

  • @madmax5946
    @madmax5946 2 ปีที่แล้ว

    Елена, не бросайте пожалуйста канал, Вы очень понятно объясняете!

  • @kseniamitasova3222
    @kseniamitasova3222 3 ปีที่แล้ว +3

    Посмотрела , наконец - то разобралась , спасибо

  • @annasinitsa4314
    @annasinitsa4314 3 ปีที่แล้ว +3

    Очень интересно, даже такому чайнику, как я!

    • @webelart
      @webelart  3 ปีที่แล้ว

      Анна, спасибо! ⭐️

  • @user-ky4vq5jm5u
    @user-ky4vq5jm5u 2 ปีที่แล้ว +1

    Вы молодец у вас отличное видео с отличным объяснением. спасибо вам.

  • @victoriatelichko2937
    @victoriatelichko2937 3 ปีที่แล้ว +3

    Лен, какая ты умница! Обожаю твои видео. Первоклассник поймёт. Кстати, дам посмотреть это видео 8ми летнему сыну!

    • @webelart
      @webelart  3 ปีที่แล้ว

      Виктория, спасибо!😍

  • @lavrikdesign7675
    @lavrikdesign7675 3 ปีที่แล้ว +1

    Елена, видео и подача материала - шикарны! Не думала, что разберусь... Но, у Вас, однозначно, талант учителя!

    • @webelart
      @webelart  3 ปีที่แล้ว

      Спасибо большое! 😊

  • @Brital1986
    @Brital1986 2 ปีที่แล้ว

    Большое Вам спасибо.

  • @evijakovalevska2936
    @evijakovalevska2936 3 ปีที่แล้ว +3

    Спасибо Леночка! Все очень доступно и понятно.

    • @webelart
      @webelart  3 ปีที่แล้ว

      Эвия, спасибо! 😍

  • @D-gw4vj
    @D-gw4vj 2 ปีที่แล้ว

    Классное видео. Спасибо!

  • @user-ii8ey3xg3w
    @user-ii8ey3xg3w 3 ปีที่แล้ว +3

    Спасибо за доходчивость в подаче материала! Очень полезно послушать, даже для общей эрудиции)))

    • @webelart
      @webelart  3 ปีที่แล้ว +1

      Спасибо, Андрей! ❤️

  • @rustoiurazbaev2314
    @rustoiurazbaev2314 ปีที่แล้ว

    Спасибо большое за подробную и полезную информацию!Подача материало просто восхитительная и очень приятная!

  • @anastasiiavernik8287
    @anastasiiavernik8287 3 ปีที่แล้ว +2

    Лена! Круто.

    • @webelart
      @webelart  3 ปีที่แล้ว

      Спасибо, Настя! ❤️

  • @pasha2927
    @pasha2927 2 ปีที่แล้ว

    Большое спасибо, очень полезное видео!!

    • @webelart
      @webelart  2 ปีที่แล้ว

      ❤️❤️❤️

  • @user-rx4xd3uq9u
    @user-rx4xd3uq9u 3 ปีที่แล้ว +2

    Елена, очень познавательно! Спасибо) Буду углубляться....

    • @webelart
      @webelart  3 ปีที่แล้ว

      Юлия, спасибо!

  • @user-op5pn1zy2e
    @user-op5pn1zy2e 3 ปีที่แล้ว +2

    Вау! Вот бы в школе так преподавали!

    • @webelart
      @webelart  3 ปีที่แล้ว +1

      Спасибо, Наталья!

  • @ibrohimbobojonov6197
    @ibrohimbobojonov6197 2 ปีที่แล้ว

    Спасибо

  • @n.e.e.t1411
    @n.e.e.t1411 3 ปีที่แล้ว +1

    Продвижения тебе, а то я подумал из за качественного контента что у тя минимум 300к подписчиков XD

    • @webelart
      @webelart  3 ปีที่แล้ว

      Спасибо! 😁

  • @Gerlinda137
    @Gerlinda137 2 ปีที่แล้ว

    Получается, нужно самому верстальщику расчитываьт относительные размеры шрифтов? Или можно как-то дизайнера напрячь?

    • @webelart
      @webelart  2 ปีที่แล้ว

      Обычно да, но мне кажется здесь как настроить проект. У меня ещё не было опыта, чтобы дизайнеры манипулировали такими вещами, но подозреваю можно сделать выгрузку констант и размеров в отдельный проект и подключить к нему дизайнеров.

  • @AntonioBenderas
    @AntonioBenderas ปีที่แล้ว

    clamp()