Размещение информации о стилях

Как отмечалось выше, информация о стилях может располагаться либо в отдельном файле, либо в заголовочной части Web-страницы, либо непосредственно внутри тега элемента.

Расположение описания стилей в отдельном файле имеет смысл в том случае, если планируется применять эти стили к большему, чем одна, количеству страниц. Для этого нужно:

· Создать обычный текстовый файл и описать в нем с помощью языка CSS необходимые стили;

· Разместить этот файл на Web-сервере;

· В Web-страницах, которые будут использовать стили из этого файла, нужно будет сделать ссылку на него.

Ссылки на таблицы стилей выполняются с помощью тега <LINK>, располагающегося внутри тега <HEAD>:

<LINK REL=STYLESHEET TYPE="text/css" HREF="URL">

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

Во втором случае размещения информации о стилях, при котором описание стилей располагается внутри Web-страницы, внутри тега <BODY> используется тег <STYLE type="text/css">... </STYLE>. Атрибут type="text/css" является обязательным и служит для указания браузеру использовать CSS.

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


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: