1. Внутренние таблицы стилей.

Использование внутренних таблиц стилей мало чем отличается от использования тегов. Они задают стиль только одному элементу документа при помощи атрибута STYLE. Такой тип таблиц следует использовать только при необходимости задания одному элементу индивидуального стиля.

2. Глобальные таблицы стилей.

Задают вид элементов всего документа. Для этого используется тег <STYLE type=”text/css”>, который размещается в заголовке документа.

3. Связанные таблицы стилей.

Используются для придания нескольким документам одного стиля и хранятся в отдельном файле. Позволяют выдержать сайт в одном стиле без особого затрдунения.

1) встроенные стили (встроенные с помощью атрибута style непосредственно в теги документа) – наивысший приоритет, будут применены браузером в любом случае, даже если возникает конфликт с внедренными или внешними стилями;

2) внедренные стили (перечисленные в теге-контейнере <style> в «голове» документа) – чуть меньший приоритет, будут применяться во всех случаях, кроме случаев возникновения конфликта с inline-стилями (при возникновении такого конфликта будут применены inline-стили);

3) импортированные стили (стили внешнего файла .css, связанные с документом с помощью свойства @import в теге-контейнере <style>) – еще меньший приоритет, будут применяться в тех случаях, когда отсутствуют аналогичные правила CSS среди встроенных и внедренных стилей;

4) связанные стили (стили, присоединенные к html-файлу посредством тега <link>) – наименьший приоритет, будут применены только после того, как браузер убедится в отсутствии аналогичных правил во всех остальных типах стилей.

14. Свойства таблиц стилей

1. Свойства шрифта.

Font-family – название семейства шрифта. На случай, если браузер не имеет нужного шрифта, можно установить несколько семейств в порядке предпочтения через запятую.

Font-size – размер шрифта.

Font-style – определяет стиль шрифта: normal, italic, oblique (тоже наклонный).

Font-weight – определяет жирность текста. Возможные значения normal, bold, bolder, lighter или числовые. Если используется числовое выражение, то число должно быть кратным 100. 400 – normal, 700 – bold.

2. Свойства цвета и фона.

Color – устанавливает цвет текста элемента. Допустимые значения название цвета или его номер.

Background – определяет цвет фона. Допустимые значения:

transparent – отсутствие фона;

color – цвет фона;

URL – алрес картинки.

Настройки для картинки:

repeat - Отвечает за размножение картинки на экране. Допустимые значения:

repeat – изображение размножается по всему экрану;

repeat-x – изображение размножается по оси Х;

repeat-y – изображение размножается по оси У

no-repeat – изображение на размножается.

scroll - определяет при прокручивании страницы, будет картинка оставаться на месте или прокручиваться вместе с ней. Значения: fixed и scroll.

position - определяет положение изображения на странице. Значения могут быть:

• процентным (горизонтальное, вертикальное);

• абсолютным расстоянием (горизонтальное, вертикальное);

• ключевое слово: top, middle, bottom, left, center, right.

С помощью свойств background-attachment (прокрутка), background-color, background-image, background-position, background-repeat можно определить свойства фона по частям.