Внешние стилевые таблицы
Еще одно замечательное свойство стилевых таблиц заключается в том, что с помощью одной таблицы, находящейся в отдельной файле, можно задавать стили для целого набора веб-страниц. Это, кстати, очень важно при разработке больших сайтов, поскольку, во-первых, способствует сохра нению единства стиля, а во-вторых, предоставляет возможность быстро изменить что-либо сразу во многих файлах проекта. Для этого следует просто написать всю таблицу стилей (без тегов
<STYLE>
и
</STYLE>
) в отдельном файле с расширением .css, а затем “подключить” ее во всех HTML- документах, которые должны ее использовать. Например, если файл таблицы стилей называется mainstyle.css, то в раздел
<HEAD>
каждого из использующих ее HTML-документов, нужно вставить такую строку:
<LINK REL="Stylesheet" HREF="mainstyle.css" TYPE="text/css">
Атрибут TYPE= указывать не обязательно, но лучше это сделать (кстати, это можно делать и в теге
<STYLE>
). Во-первых, это признак хорошего тона, а потом мало ли что — вдруг пользователю, к примеру, попадется какой-нибудь сумасшедший броузер, использующий для стилевых таблиц по умолчанию не CSS, а, допустим, JASS.
Есть и другой способ “подключения” стилевой таблицы из внешнего файла — директива @import. Она употребляется следующим образом:
<STYLE TYPE="text/css"> @import url (mainstyle.css) ; </STYLE>
Как видите, эта директива должна находится между тегами
<STYLE>
и
</STYLE>
, поскольку она не является элементом языка HTML (как тег
<LINK>
). Ее использование менее предпочтительно, поскольку броузеры могут интерпретировать ее по-разному.
