Единицы измерения и много тонкостей | CSS для Профи

Подписаться 46 тыс.

Просмотров 11 тыс.

50% 1

ПОДДЕРЖАТЬ АВТОРА И КАНАЛ:
www.liqpay.ua/ru/checkout/380...
Webmoney:
Z166344793421
R369744777501
U871336351200
Сегодня мы будем разбирать разные единицы измерения и на практике смотреть, где их применять, как они себя ведут в разных непредвиденных обстоятельствах, а так же узнаем некоторые скрытые возможности из CSS3.
1. Проблема сжатия шрифтов
2. Как работать с единицей rem
3. Как переводить пиксели в em и rem
4. Установка адекватного размера шрифта по умолчанию
5. Единицы измерения, относящиеся к размеру экрана устройства
6. Единицы vw для указания размера шрифта
7. Функция calc()
И все это на практике, так что давай вместе пополним наш багаж знаний ))
МАТЕРИАЛЫ УРОКА:
drive.google.com/open?id=1h_4...
БАЗОВЫЙ КУРС ПО HTML & CSS:
• Знакомство с основным ...

Опубликовано:

1 апр 2019

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 53

@dmitrygoyda Год назад

Про "em" не совсем точно. "em" берет значение от родительского елемента. В данном случае берет значение от родительского а не от ближайшего родительского как вы говорите.

@asgard1428 3 года назад

Так и надо разжевывать таким новичкам как мы.Ты крутой мужик Андрей.Очень классно рассказываешь.Я посмотрел твой первый курс, теперь этот смотрю не могу оторваться. Правда уже верстать хочется очень, хотя я понимаю что знаний не хватит пока для этого.

@andrievskii 3 года назад

Начинай потихоньку с простых макетов

@asgard1428 3 года назад

Об этом и хотел в личке спросить

@asgard1428 3 года назад

Андрей помоги мне если есть возможность.Я уже интернет перелопатил.Не могу понять как позиционировать их так как ты на картинке нарисовал.Несколько часов просидел в пустую.Может дивы не так создал или еще что-то.Не получается.

@asgard1428 3 года назад

Я смотрел.Я посмотрел HTML, CSS и CSS для профи.Считаю что получил большую базу благодаря Андрею, но в тоже время понял что мне этого не достаточно, поэтому с этой базой я пошёл на курсы Frontend в Skillbox

@nodirkarimov428 3 года назад

@@asgard1428 и как? Они тебя чему-то научили?

@ta_ti 4 года назад

я бы объединила последние 2 видео, уж много про em было разжевано. Но это сугубо мое мнение. Уроки как всегда информативные, понятные, спасибо огроменное!

@richdad8897 4 года назад

Из урока получил ответ на вопрос как сделать так, чтобы при изменении ширины окна браузера динамически изменялась ширина шрифта без горы медиазапросов. Очень полезная информация, благодарю!

@user-bm7ip2cf9t 3 года назад

Большое человеческое спасибо)

@miliba9485 3 года назад

Огромнеейшее спасибо Вам!

@user-ks8zi2wp8e 4 года назад

Отличный курс, простые объяснения вкупе с практическими примерами дают полную картину происходящего на экране) так держать!

@user-vc4lm8dp4v 4 года назад

Спасибо 🙌🏼

@43445fgfgd 2 года назад

Дуже дякую за Ваші уроки.

@BilliK1000 4 года назад

THANK YOU!

@user-xf3dp1rk3z 3 года назад

Отличный урок!!!

@clayandplay7131 5 лет назад

Thanks!

@user-tn1yc1ij8d 2 года назад

2021 до сих порь смотрю

@pvz1889 2 года назад

Да, 100vh, которые были у меня для того, чтобы на экране компа страница отображалась лучше, испортили всё при маштабировании этого сайта в маленький размер: блоки второй секции наползали поверх первой секции. После того, как я убрала 100 vh, маштабирование заработало! Спасибо за уроки. С первых полученных за верстку денег, обязательно поддержу Андрея переводом))) Или нет, поддержу прямо сейчас!

@sns76 4 года назад

спасибо

@viktorpopovcs 4 года назад

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

@non_holy6286 5 лет назад

да не высоты экрана, а высоты вьюпорта = окна браузера (точнее той его части, где ртрисовывается страница)

@DagestanShop 3 года назад

9:53 а нельзя просто указать 14пикселей , шрифт же везде потом такой будет ? все таки не понял , зачем шрифты указывать в еэмах ?

@Art-M 3 года назад

Прекрасно, дякую!

@viktorpopovcs 4 года назад

Я не понял, почему rem это относительная (насколько я понимаю в комментарии кода опечатка)единица если она вроде как абсолютная и ровна 16px или как эти 16рх root элемента менять можно? 16:30 вопрос снят

@asgard1428 3 года назад

Андрей а с тобой можно списаться в личке? Есть пару вопросов.

@kzuralsk7533 Год назад

18:40 Не совсем понял. Вы сказали, что значение vw равняется около 16px. Разве значение vw относительно твоего экрана не будет равняться 19,2px т.к 1920 * 1/100 = 19,2 ? Поправьте меня, если ошибаюсь

@andrievskii Год назад

Вы правильно рассчитали значение vw для экрана с шириной 1920 пикселей. Ошибка в моём ответе - я указал неверное значение. Правильно будет сказать, что значение vw для экрана шириной 1920 пикселей равно 19,2px. Извините за путаницу, и спасибо, что указали на ошибку!

@kzuralsk7533 Год назад

@@andrievskii Вам спасибо, что пояснили!

@manofsteppe179 3 года назад

Да ладно, 6:45 ну не каждый второй, это же азбука во первых, во вторых элементарно, иначе зачем они им пользуются тем более если опыт верстки значительный. Как раз таки в основе новички часто не понимают сути этих «относительных» величин.

@Roma4086 5 лет назад

простой вопрос: "дефолтные значения, например, подчеркивание ссылки или цвет ссылки, находятся в теге html?"

@andrievskii 5 лет назад

Дефолт задает браузер, которым вы пользуетесь

@Roma4086 5 лет назад

@@andrievskii Спасибо большое, Андрей Хотел задать еще один вопрос, но немного не в тему: "если изучать бэкенд, то на чем лучше сконцентрироваться?" на PHP или на Джаве?

@andrievskii 5 лет назад

@@Roma4086 первый для веба, а второй больше глобальный и для софта. Он сложнее и дольше учить, ну и они для разных задач и целей

@Roma4086 5 лет назад

@@andrievskii сейчас пошла еще такая мода на NodeJs, стоит ли вообще туда суваться? по мне Javascript - это прежде всего Фронтенд, а не бэкенд

@andrievskii 5 лет назад

@@Roma4086 Если есть желание уметь и знать фронт и бэкэнд и при этом не учить, как минимум два языка, тогда есть смысл лезсть в ноду, ну а если интересна одна сторона веба - ответ очевиден

@yabadababy3204 6 месяцев назад

1920/100 = 16

@user-ib4mv3uw6k 3 года назад

Один я вижу рассинхрон, что автор сначала показівает, как изменяется шрифт при изменении экрана (примерно 19-20-я минута), а только через минуту об этом рассказывает?

@Zabiyaka1978 5 лет назад

Вот вопрос на засыпку... Где, в европейской стране, учат такой математике, что 1% от 1920px, даже с округлением до целых, "где то примерно 16-17 px" и "я точно сейчас это не считаю"... Это даже считать не надо. Это математика начального уровня. Это 1%, не 2, не 14 .. дальше умножать результат на кол-во процентов не надо... Просто минус два знака... От 1920 будет, с округлением, 19. Это на уровне подсознания считается... Ну и вопрос по поводу косноязычия.... Уши заворачиваются в трубочку... Хотя не могу не отдать должного, сам по себе материал интересен, но повествование "выше всяких похвал"

@user-jj6gv3oj3n 4 года назад

гуляй иди коль что то не нравится, вон, дорога в скилбокс

@mursa4127 4 года назад

Вам, если нужно, прям красноречие!, то это в литературный кружок. Я заметил, что стоящие технари, как правило немного косноязычны, но это простительно, т.к. технари могут ворочить горы, а не просто "бла - бла..." - красиво. Курс отличный и детальный.

@richdad8897 4 года назад

Не ошибается тот, кто ничего не делает)