 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Методы связывания таблиц стилей и HTML-документов
|
|
Существует четыре способа связывания документа и таблицы стилей:
1. связывание – позволяет использовать одну таблицу стилей для форматирования многих страниц HTML;
2. внедрение – позволяет задавать все правила таблицы стилей непосредственно в самом HTML-документе;
3. встраивание в теги документа – позволяет изменять форматирование конкретных элементов страницы;
4. импортирование – позволяет встраивать в документ таблицу стилей, расположенную на сервере.
Связывание: Расположение описания стилей в отдельном файле (*.css) имеет смысл в случае, если планируется применять определяемые стили к большему, чем одна, количеству web-страниц. Для этого нужно создать обычный текстовый файл, описать с помощью языка CSS необходимые стили, разместить этот файл на web-сервере (или в текущем каталоге при локальной загрузке web-страницы), а в коде web-страниц, которые будут использовать стили из этого файла, нужно сделать ссылку на него. Делается это с помощью тега <LINK>, располагающегося внутри тега <HEAD> web-страниц:
<LINK REL=STYLESHEET TYPE="text/css" HREF="URL">.
Первые два параметра этого тега являются зарезервированными именами, требующимися для того, чтобы сообщить браузеру, что на этой страничке будет использоваться CSS. Третий параметр – HREF=«URL» – указывает на файл, который содержит описания стилей.
Внедрение: Второй вариант, при котором описание стилей располагается в коде web-странички, внутри тега <HEAD>, в теге <STYLE type="text/css">... </STYLE>. В этом случае можно использовать эти стили для элементов, располагающихся в пределах одной web-страницы. Параметр type="text/css" является обязательным и служит для указания браузеру использовать CSS.
Встраивание в теги документа: Третий вариант, когда описание стиля располагается непосредственно внутри тега элемента, который описывается. Это делается с помощью параметра STYLE, используемого при применении CSS с большинством стандартных тегов HTML. Этот метод нежелателен, он приводит к потере одного из основных преимуществ CSS – возможности отделения информации от описания оформления информации. Впрочем, если необходимо описать лишь один элемент, этот вариант расположения описания стилей также вполне применим.
Импортирование: В теге <STYLE> можно импортировать внешнюю таблицу стилей с помощью свойства @import таблицы стилей:
@import: url(mystyles.css).
Его следует задавать в начале стилевого блока или связываемой таблицы стилей перед заданием остальных правил. Значением свойства @import является URL файла таблицы стилей.
Дата публикования: 2015-10-09; Прочитано: 763 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
