CSS units for padding / margin / width / height: px, %, em, rem, vw, vh, vmin, vmax
HTML-код
- Опубликовано: 6 сен 2024
- Second Channel - / annablok
Examples:
- codepen.io/ann...
- codepen.io/ann...
- codepen.io/ann...
- codepen.io/ann...
- codepen.io/ann...
______________
Buy Frontend Book - tpverstak.ru/f...
Ask a question for free - frontendhelp.m...
______________
Website - tpverstak.ru
VK - tpverstak
Instagram - / tpverstak
Telegram - t.me/tpverstak и t.me/annbloknote
Telegram Chat - t.me/tpverstak...
______________
Course "Super Start" - tpverstak.ru/su...
Feedback - topic-1...
Basic course - tpverstak.ru/tr...
Advanced course - tpverstak.ru/tr...
Feedback - topic-1...
Ни на одном канале нет информации про единицы измерения так подробно. Очень интересно. Анна, спасибо!
Я рада, что вам понравилось 🤗
спасибо. В который раз убеждаюсь, что мало просто знать, нужно уметь преподавать. А у Вас этот дар есть. И хотя я больше backend разработчик, но смотрю с удовольствием и англоязычному каналу тоже рад.
😊😊😊
Спасибо, не думал, что так важно знать единицы изменения! Сразу видно, что не скопировала темы на других курсах)) respect!
!respect
Кратко, понятно, по делу и с примерами) Гораздо понятнее чем читать статью) Спасибо)
Спасибо, стало понятнее как использовать эти единицы измерения
Анна спасибо огромное. Так приятно после JS вернуться к грамотному CSS
Спасибо! Очень хороший канал, подписался.
Спасибо, Анна, очень славно, наконец понял почему все так.
Спасибо вам большое за канал, вообще за труд 🙏
😌😌😌
Анна, спасибо за видео
ухххх, девушки с ошейниками прекрасны
Гороздо лучше и понятнее чем предыдущий ролик!
Супер, как раз в тему!
Анна, уже смотрю какой по счету ролик и замечаю как фокус в видео буквально сходит с ума и постоянно прыгает на полке которая на заднем плане, я так думаю это из за мигающей гирлянды, установите фиксированный фокус чтоб не было таких прыжков, и еще... та голая кукла на фоне в плавках... неужели она так необходима в кадре??))))
Фокус прыгает, потому что не получается записать одним дублем
Интересно-интересно.
И интересно, и полезно, заслуженный лайк.
Ролик отличный и я поставил лайк, но в нём не было примера по VH, а это именно то, что я искал.
Глаза красивые! И слушать приятно!!)Лайк)
Благодарчка!
Спасибо! Круто: )
Интересно. Подписался на Ваш канал...
Отличная прическа! :)
видиАААролика видиАААролика видиАААролика видиАААролика видиАААролика
height = хайт, а не хейт = hate (ненависть)
Да кстати, довольно распространённая ошибка у славян. Читают слова как они пишутся, но в английском это не всегда работает.
А чтобы не было проблем,как с стороны заказчика,и с стороны колек по цеху,используйте px ,и будет вам счастья.
Ann you are best
Спасибо! Симпотяшка)
Ощущение что Анна Блок не реальная девушка, а сгенерированная нейросетью...
вообще молодец=)
1000-й лайк :)
В шкафу мой Мой кумир стоит
Я из 2022. Смотрю и просвещаюсь)
Thanks
vw vmax вроде бы удобно, но если пытаться увеличить увеличивать страницу, то ничего не увеличивается
А зачем вуот этотш энглиуский акчент: мёёджин пэээдинг, бодее-рэдиус
так ничего и не сказано про vw и vh. и. в каких случаях нужно использовать такие значения. так что тема видоса не раскрыта(
О них было сказано больше в первом видео. Смотрите внимательнее.
А на втором канале ты сама текст переводишь или есть специальный человек? :)
Сама
Прелесть)
Лучше убери это пугающее звуковое оформление при показе логотипа. Подбери что-нибудь спокойное, ближе к it, а не к фильмам ужасов :) И еще, ты неправильно произносишь некоторые слова. Например, task: правильнее - "таск", а не "тэск" (кстати, черный - блак). Height - "хайт". Впрочем, все это легко проверяется практически в любом электронном переводчике.
Зашел на ролик, чтобы узнать все о единицах измерения, но начав смотреть, понял, что прошла 2 минута, а кроме лица милой девушки, ничего не помню. Осознал, что любуюсь ею. Пришлось взять себя в руки)
top, left, bottom и right))
То есть, как я правильно понял, em всегда привязана к font-size и зависит только от него?
em - единицы измерения, зависящие от родительского блока
@@houston9114 каким образом, объясните мне пожалуйста; в чем тогда отличие от % (измерение тоже же берется от родительского)? Нормальной инфы по эм и рэм я не смог нагуглить
@@neins как я понял, em - берётся от родителя, т.е. body { font-size: 16 px}; div {font-size: 10px}; div p{ font-size: 2em}, т.е размер шрифта в параграф вложенном в div будет 10 px * 2em = 20 px, rem - берётся от корня элемента (обычно указывают html{font-size: (размер в px
или %, чаще всего), например, 20 px}; div{ font-size: 2rem}; div p{font-size: 0.5 rem}, т.е размер шрифта в div будет 20px * 2 = 40px, размер шрифта у div p будет 20 * 0,5 = 10px. Но вот эти единицы измерения всякие надо применять к определённым ситуациям, тк не все адаптируются, хотя все пишут обратное , адаптируются только, как я заметил, %, vw, vh(кажется так пишутся), возможно, если применять calc(), то тогда и em, rem и даже px будет адаптироваться, но я ток учусь, поэтому насчёт адаптации px с помощью calc() могу ошибаться
@@houston9114 ну вот вы вначале на мой вопрос о привязке к font-size ответили что привязка идет к размерам родительского блока, а сейчас показываете на примерах что привязка все таки берется не от размеров родителя а от размера font-size, в общем я запутался. Так то приведенные примеры мне понятны, просто нет однозначной информации о привязке к fz и такая же путаница как и сейчас в итоге
Анна роняет запад!
Посоветуйте книги про верстку
Если интересуют только азы для старта, то сначала читай "Изучаем HTML, XHTML и CSS" от Фримена, после "CSS для профи" от Кит Грант.
@@annblok_webdev спс
Lea Verou, "секреты css".
И чем людям пиксели с процентами не угодили? Em-ы какие-то... Да, за видос спасибо!
пёдинг
мёрджин (режет без ножа)
Кажется, проценты не упомянули
Как это не странно, но height в % работает не всегда!
хэйт???? Чей диалект?
Александр Блок, ваш родственник
Не порть русский язык. английские слова говори нормально - по русски, без шепелявления.
Не гони, ты пришел весточку чить или русский язык?
"Говори английские слова по-русски" Wait what, what the...?! У меня на этой фразе BSOD случился.
перезалив или я что-то путаю?
Вторая часть видео на эту тему. Первая не была окончена.
Но я же не англичан, ничего понимать не буду))
я ни понил