Лекция: Как задаются размеры (длина, ширина) в CSS
Размеры задаются в числовых значениях — отрицательных и положительных. Допустимы десятичные дроби, дробная часть пишется через знак "." (точка). Сразу после числа необходимо указать единицу измерения.
Существует множество единиц измерения:
— em — ширина буквы m в настоящем шрифте. Например, p {text-indent: 3em} задаст красную строку абзаца шириной в три буквы m.
— ex — высота буквы x в настоящем шрифте. Применяется аналогично em.
— px — размер в пикселах.
— in — размер в дюймах. Один дюйм = 2.54 сантиметра.
— cm — размер в сантиметрах.
— mm -размер в миллиметрах.
— pt — размер в пунктах, один пункт = 1/72 дюйма
— pc — размер в пиках. (12 пунктов).
Пример
body {margin: 1in}
table {padding: 1.5cm}
p {text-indent: -2pt}
img.logo {height: 12px}
p {text-indent: 3em}
blockquote {padding-bottom: 2ex}
table {border-width: 7.5pc}
Font-style
Свойство font-style управляет наклоном шрифта.
Пример
p {font-style: italic}
h2 {font-style: normal}
td {font-style: oblique}
Возможные значения:
normal — обычный прямой шрифт, без наклона.
italic — курсивный шрифт — наклонный шрифт, имитирующий рукописный.
oblique — наклонный шрифт. В большинстве браузеров отображается курсивом.
inherit — заимствует значение свойства у родительского элемента.