Найти в Дзене
Вёрстка это просто

CSS свойства

Сегодня мы продолжаем изучать свойства в CSS.

И вторым свойством будет font-size-предназначено для изменения размера текста.

Здесь мы видим, что заголовку H1 изменили размер текста с помощью font-size.
Здесь мы видим, что заголовку H1 изменили размер текста с помощью font-size.

При указании параметра в абсолютных единицах, его величина не будет меняться относительно значения родительского элемента.

Задавать размер можно:

  • px (пиксель)
  • pt (пункт)
  • pc (пика)

Кроме этого можно использовать ключевые слова:

  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large

Чаще всего пользуются "px".Все остальные единицы используются редко, но при желании вы можете использовать и их.

При использовании относительных единиц, таких как: %, em, rem, размер шрифта в CSS будет рассчитываться относительно родительского элемента.

То есть при изменении шрифта родительского элемента шрифт в блоке будет так же увеличиваться или уменьшаться.

Также расчёт размера шрифта может осуществляться относительно ширины или высоты области просмотра.

Для этого можно воспользоваться такими единицами измерения как:

  • 1vw – 1% от ширины области просмотра
  • 1vh – 1% от высоты области просмотра
  • 1vmin — 1% от меньшей стороны окна браузера
  • 1vmax — 1% от большей стороны окна браузера

На этом сегодня всё. Я постарался и рассказал про все тонкасти этого свойства.