Навигатор

Главная
Новости
Школа реселлера
Биллинг панели
Документация


Добавить в закладки

Google slashdot YahooMyWeb Digg Technorati Delicious Bobrdobr Memori linkstore.ru rumarkz.ru moemesto.ru

Подписаться на rss

Пользователям

Войти

Регистрация


Избранное

Веб Хост Менеджер
Руководство по PHP
PHP £
Теги


Рейтинг блогов

Способы определения таблиц стилей

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

Остановимся на каждом из этих способов более подробно.

Связывание
Как вам уже известно, информация о стилях может располагаться либо в отдельном файле, либо непосредственно в коде Web-странички. Расположение описания стилей в отдельном файле имеет смысл в случае, если вы планируете применять эти стили к большему, чем одна, количеству страниц. Для этого нужно создать обычный текстовый файл, описать с помощью языка CSS необходимые стили, разместить этот файл на Web-сервере, а в коде веб-страниц, которые будут использовать стили из этого файла, нужно будет сделать ссылку на него. Делается это с помощью тега LINK, располагающегося внутри тега HEAD ваших страниц:
<LINK REL=STYLESHEET TYPE="text/css" HREF="URL">

Первые два параметра этого тега являются зарезервированными именами, требующимися для того, чтобы сообщить броузеру, что на этой страничке будет использоваться CSS. Третий параметр - HREF= “URL” - указывает на файл, который содержит описания стилей. Этот параметр должен содержать либо относительный путь к файлу - в случае, если он находится на том же сервере, что и документ, из которого к нему обращаются - или полный URL (”http://…”) в случае, если файл стилей находится на другом сервере.

Внедрение
Второй вариант, при котором описание стилей располагается в коде Web-странички, внутри тега HEAD, в теге <STYLE type="text/css">... </STYLE>. В этом случае вы можете использовать эти стили для элементов, располагающихся в пределах странички. Параметр type=”text/css” является обязательным и служит для указания броузеру использовать CSS.
Встраивание в теги документа
Третий вариант, когда описание стиля располагается непосредственно внутри тега элемента, который вы описываете. Это делается с помощью параметра STYLE, используемого при применении CSS с большинством стандартных тегов HTML. Этот метод нежелателен, он приводит к потере одного из основных преимуществ CSS - возможности отделения информации от описания оформления информации. Впрочем, если необходимо описать лишь один элемент, этот вариант расположения описания стилей также вполне применим.
Импортирование
В теге <STYLE> можно импортировать внешнюю таблицу стилей с помощью свойства @import таблицы стилей:
@import: url(mystyles.css);
Его следует задавать в начале стилевого блока или связываемой таблицы стилей перед заданием остальных правил. Значение свойства @import является URL файла таблицы стилей.

Добавил Ejena.net в Воскресенье, 11 марта 2007 Раздел: Css.

Вы также можете прочитать Группировка и наследование Публикованное ранее Что такое CSS

Комментирование.