Категория "Шрифт"

font Параметр позволяет установить одновременно несколько атрибутов стиля шрифта. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному атрибуту.

font-family Устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого. Список шрифтов может включать одно или несколько названий, разделенных запятой. Пример, P {font-family: Arial, serif}

font-size Определяет размер шрифта элемента, который может быть установлен несколькими способами (normal, pt, px, %).

font-style Определяет начертание шрифта — обычное, курсивное или наклонное (normal, italic, oblique).

font-variant Определяет, как нужно представлять строчные буквы — делать их все прописными уменьшенного размера или оставить без изменений normal, small-caps). Такой способ изменения символов называется капителью.

font-weight Устанавливает насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100. Также допустимо использование ключевых слов normal, lighter – светлый,bold- полужирный, bolder- жирный).

Категория "Текст"

letter-spacing Определяет интервал между символами в пределах элемента. Браузеры обычно устанавливают расстояние между символами, исходя из типа и вида шрифта, его размеров и настроек операционной системы. Чтобы изменить это значение и применяется данный атрибут.

line-height Устанавливает интерлиньяж (межстрочный интервал) текста, отсчет ведется от базовой линии шрифта (normal, множитель, значение, %). Примеры, line-height: normal, line-height: 1.5 , line-height: 12px, line-height: 120% При обычных обстоятельствах расстояние между строками зависит от вида и размера шрифта и определяется браузером автоматически.

text-align Определяет горизонтальное выравнивание текста в пределах элемента (left, right, center, justify).

text-decoration Добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания (underline, line-through, overline, blink). Одновременно можно применить более одного стиля, перечисляя значения через пробел.

text-indent Устанавливает величину отступа первой строки блока текста (например, для параграфа P). Воздействия на все остальные строки не оказывается.

text-transform Управляет преобразованием текста элемента в заглавные или прописные символы (none, capitalize - Начинать С Прописных, uppercase - ВСЕ ПРОПИСНЫЕ, lowercase - все строчные). Когда значение отлично от none, регистр исходного текста будет изменен.

Vertical-align Выравнивает элемент по вертикали относительно своего родителя или окружающего текста

white-space Параметр white-space устанавливает, как отображать пробелы между словами.

word-spacing Устанавливает интервал между словами. Если установлен параметр выравнивания justify, то атрибут word-spacing не действует, поскольку интервал между словами будет установлен принудительно.

Категория "Отступы"

margin Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента.

margin-bottom Устанавливает величину отступа от нижнего края элемента.

margin-left Устанавливает величину отступа от левого края элемента.

margin-right Задает величину отступа от правого края элемента.

margin-top Устанавливает величину отступа от верхнего края элемента.

Категория "Поля"

padding-bottom Устанавливает значение поля от нижнего края содержимого элемента.

padding Устанавливает значение полей вокруг содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое.

padding-left Устанавливает значение поля от левого края содержимого элемента.

padding-right Задает значение поля от правого края содержимого элемента.

padding-top Задает величину поля от верхнего края содержимого элемента.

Категория "Ссылки"

Для управления видом различных ссылок в CSS используются псевдоклассы, которые указываются после селектора A через двоеточие.

A:link - Определяет стиль для обычной непосещенной ссылки.

A:visited - Определяет стиль для посещенной ссылки.

A:active - Определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее.

A:hover - Определяет стиль для ссылки при наведении на нее мышью.

Категория "Списки"

list-style Атрибут, позволяющий одновременно задать стиль маркера, его положение, а также изображение, которое будет использоваться в качестве маркера.

list-style-image Устанавливает адрес изображения, которое служит в качестве маркера списка. Этот атрибут наследуется, поэтому для отдельных элементов списка для восстановления маркера используется значение none.

list-style-position Определяет, как будет размещаться маркер относительно текста. Имеется два значения: outside — маркер вынесен за границу элемента списка и inside — маркер обтекается текстом.

list-style-type Изменяет вид маркера для каждого элемента списка. Этот атрибут используется только в случае, когда значение свойства list-style-image установлено как none. Маркеры различаются для маркированного списка (тег UL) и нумерованного (тег OL).