CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

Теперь проанализируем различные способы, которыми этот документ связывается с CSS.

Тег link

Сначала рассмотрим применение тега link:

clink rel="stylesheet" type="text/css" href="sheet1, ess" media=""air />

Тег link — это малозаметный, но совершенно полноценный тег, который годами маялся в спецификации HTML* ожидая достойного применения- Его основное назначение - предоставить авторам HTML возможность устанавливать связь между документом, содержащим тег link, и другими документами, В случае CSS он связывает таблицы стилей с документом; на рнс. 1.5 таблица стилей sheet 1.ess связана с документом ?

Таблицы стилей, не являющиеся частью HTML-документа, но используемые им, называют внешними таблицами стилей (external style sheets). Это название дано потому, что такие таблицы стилей являются внешними по отношению к HTML-доку менту, (Надо же!)

Чтобы внешняя таблица стилей была успешно загружена, тег link должен быть помещен внутрь элемента head и ие может находиться внутри какого-либо другого элемента, так же как title. В результате веб-броузер отыщет и загрузит таблицу стилей, после чего будет использовать любые содержащиеся в ней стили для формирования представления HTML-документа, как показано на рис. 1.5.

А каков формат внешней таблицы стилей? Это просто список таких же правил, какие мы видели в предыдущем разделе и в примере XHTML-документа, но в данном случае правила сохраняются в отдельном файле. Просто помните, что в таблицу стилей не может быть включен ни XHTML, ни любой другой язык разметки, а только стилевые правила. Вот как может выглядеть содержимое внешней таблицы стилей:

</р>

</body> </html>

Рис. 1.4. Простои документ