CSS - единицы измерения

Прежде чем мы начнем собственно упражнение, мы хотели бы дать краткое представление о единицах измерения CSS. CSS поддерживает ряд измерений, включая абсолютные единицы, такие как дюймы, сантиметры, точки и т. Д., А также относительные меры, такие как проценты и единицы em. Эти значения нужны вам при указании различных измерений в правилах стиля, напримерborder = "1px solid red".

Мы перечислили все единицы измерения CSS вместе с соответствующими примерами -

Ед. изм	Описание	пример
%	Определяет измерение в процентах по отношению к другому значению, обычно включающему элемент.	p {font-size: 16pt; высота строки: 125%;}
см	Определяет размер в сантиметрах.	div {margin-bottom: 2cm;}
Эм	Относительное измерение высоты шрифта в длинных интервалах. Поскольку em-единица эквивалентна размеру данного шрифта, если вы назначите шрифт 12pt, каждая единица em будет 12pt; таким образом, 2em будет 24pt.	p {letter-spacing: 7em;}
бывший	Это значение определяет измерение относительно x-высоты шрифта. Высота x определяется высотой строчной буквы x шрифта.	p {font-size: 24pt; высота строки: 3ex;}
в	Определяет размер в дюймах.	p {word-spacing: .15in;}
мм	Определяет размер в миллиметрах.	p {интервал между словами: 15 мм;}
ПК	Определяет размер в пиках. Пика эквивалентна 12 очкам; Таким образом, на дюйм приходится 6 пиков.	p {font-size: 20pc;}
pt	Определяет размер в пунктах. Точка определяется как 1/72 дюйма.	body {font-size: 18pt;}
px	Определяет измерение в пикселях экрана.	p {padding: 25px;}