• Авторизация


Связывание таблиц стилей с html документом 31-10-2008 16:44 к комментариям - к полной версии - понравилось!


Существует три способа для связывания таблиц стилей с html документом. Это - использование тега <LINK>, использование тега <STYLE> и применение атрибута style к определенному тегу. Рассмотрим эти методы подробнее.

Использование тега <LINK>
Этот способ позволяет связывать html документы с таблицей стилей, находящейся в отдельном файле. Выглядит это так:

<LINK REL=STYLESHEET TYPE="text/css" HREF="http://www.yourdomen.ru/style.css">

Эту строку помещают между тегами <HEAD> и <TITLE>. Таким образом, для форматировая страницы с этой строкой будет использоваться таблица стилей находящаяся в файле style.css с сайта http://www.yourdoman.ru/

Использование тега <STYLE>
Этот метод позволяет внедрять информацию о стилях в html документ, заключая ее в парный тег STYLE, который располагают между тегами <HEAD> и <TITLE>:

<STYLE>
<!--
информация о стилях
// -->
</STYLE>

Необходимо не забывать заключать информацию о стилях между символами комментария, т.к. старые браузеры "не понимают" тег STYLE и будут пытаться вывести на экран его содержимое.

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

<STYLE type="text/css">
@import URL("http://www.yourdoman.ru/style.css");
</STYLE>

Необходимо отметить, что конструкция @import не поддерживается браузером Netscape, поэтому ее применение может быть оправдано только в локальных сетях, где на всех машинах установлен только Microsoft Internet Explorer.

Использование в тегах атрибута style
Для того чтобы изменить свойство только какого-нибудь одного элемента, можно использовать атрибут style этого элемента:

<P style=""color:" red">

Только этот абзац будет выведен на экран красным цветом. Остальные абзацы будут выведены тем цветом, который указан в таблице стилей.

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

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Связывание таблиц стилей с html документом | Как_делать_сайты - Сообщество "Как делать сайты" | Лента друзей Как_делать_сайты / Полная версия Добавить в друзья Страницы: раньше»