Главная :: CSS. Каскадные таблицы стилей :: Подключение каскадных таблиц стилей

Подключение каскадных таблиц стилей

Существует четыре способа подключения CSS к документу:

Связывание - таблица стилей располагается в отдельном файле, который можно подключить к любому количеству HTML страниц.
Внедрение - таблица стилей располагается непосредственно внутри HTML документа.
Встраивание в теги документа - позволяет определить оформление отдельных элементов страницы.
Импортирование - позволяет встраивать в документ таблицу стилей, расположенную на сервере.

Связывание

Если Вы предполагаете использовать один стиль для нескольких станиц, то Вы можете описать стиль в отдельном файле. Для подключения стилевого файла используется команда <LINK>, расположенная внутри тега <HEAD>.

Первые два свойства указывают браузеру, что на страничке используется CSS. Значение последнего свойства - имя файла (с путем, абсолютным или относительным), в котором прописан стиль страницы.

Внедрение

Если Вам нужно задать стиль только для одной страницы, то описание стиля Вы можете внедрить в тело документа, в заголовке HEAD, между тегами <STYLE TYPE="text/css"> и </STYLE>.

Встраивание в теги документа

Вы можете задать стиль отдельно выбранного элемента в свойстве STYLE тега этого элемента, например:

<SPAN STYLE="color:red;background-color:yellow;font-variant:small-caps"> Красный текст на желтом фоне, маленькими заглавными буквами.< /SPAN>

Красный текст на желтом фоне, маленькими заглавными буквами.

Стоит отметить, что данный способ нарушает идеологию использования стилей (их универсальность), поэтому использование его не желательно (хотя, если редко и никому не говорить, то можно).

Импортирование

В теге <STYLE> можно импортировать внешнюю таблицу стилей с помощью свойства @import таблицы стилей:
@import: url(styles.css);
Его следует задавать в начале стилевого блока или связываемой таблицы стилей перед заданием остальных правил. Значение свойства @import является URL файла таблицы стилей.