Единицы измерения в CSS

Единицы измерения в CSS

Единицы измерения в 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 пик на дюйм.
p {font-size: 20pc;}
 
pt Определяет измерения в точках. Точка определяется как 1/72-дюйма.
body {font-size: 18pt;}
px Определяет измерения в пикселях экрана.
p {padding: 25px;}
Ставив лайк Вы помогаете сайту :)

Статьи по теме:
Рейтинг:
5.0/5 из 1
Категория: Учебник CSS | Добавил: zaharchuk (03.02.2015)
Просмотров: 550
Комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]