Как задаются размеры (длина, ширина) в 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 - заимствует значение свойства у родительского элемента.