Многие свойства CSS принимают значения «длины» — например, width, margin, padding, font-size и т. д. В современном синтаксисе CSS абсолютные единицы длины, такие как cm или in, являются фиксированными и напрямую соотносятся с пикселями, а относительные единицы, такие как em или vw, задают длину относительно другого свойства длины.
Хотя в некоторых случаях для определённого свойства предпочтительны определённые единицы, выбор единиц в первую очередь зависит от выходного носителя — будь то экран или бумага.
Знание CSS-единиц критично при проектировании и реализации веб-страниц как для веб-разработчиков, так и для дизайнеров. Давайте рассмотрим наиболее популярные CSS-единицы длины и их типичное применение.
Пиксели (px)
px расшифровывается как CSS-пиксели. Возможно, вы слышали этот термин и подумали о пикселях устройства — самых маленьких точках света, формирующих изображение на экране. Но в CSS используются не они — иначе всё выглядело бы всё меньше с ростом разрешения экрана…
Доступ только по подписке
Этот урок доступен только для подписчиков. Оформите подписку, чтобы получить полный доступ к материалам, эксклюзивному контенту и дополнительным бонусам.
Что даёт подписка?
- Доступ ко всем разделам учебника
- Доступ ко всем мастер-классам
- Закрытый чат с ментором
- Обратная связь на проекты
Подключите подписку сейчас и получите неограниченный доступ к этому и другим материалам!