Единицы измерения в CSS
Прежде чем мы начнем практические упражнения с CSS, я хотел бы дать краткое представление о единицах измерения, которые можно использовать в CSS.
CSS поддерживает ряд единиц измерений, включая абсолютные единицы, такие как дюймы, сантиметры, точки, и так далее, а также относительные единицы, такие, как проценты и em. Вам нужны эти значения при задании различных параметров в правилах стиля, например:
border="1px solid red"
Давайте же рассмотрим все единицы измерения, которые можно использовать в CSS на конкретных примерах:
Единица |
Описание |
Пример |
% |
Определяет измерения в процентах по отношению к другим значением, обычно к окружающему элементу. |
p {font-size: 16pt; line-height: 125%;}
|
cm |
Определяет измерения в сантиметрах. |
div {margin-bottom: 2cm;}
|
em |
Относительное измерение для высоты шрифта. Потому что em – это единица эквивалентна размеру данного шрифта, если назначить шрифт, 12pt, каждая единица "em" будет соответствовать 12pt. Таким образом, 2em будет 24pt. |
p {letter-spacing: 7em;}
|
in |
Определяет измерения в дюймах. |
p {word-spacing: .15in;}
|
mm |
Определяет измерения в миллиметрах. |
p {word-spacing: 15mm;}
|
pc |
Определяет измерения в Пиках. Пика эквивалентна 12 баллам. Таким образом, есть 6 пик на дюйм. |
|
pt |
Определяет измерения в точках. Точка определяется как 1/72-дюйма. |
body {font-size: 18pt;}
|
px |
Определяет измерения в пикселях экрана. |
p {padding: 25px;}
|
Ставив лайк Вы помогаете сайту :)
Статьи по теме:
|