Использование таблицы стилей в документах


Тема

Использование таблицы стилей в документе

Каждый документ может иметь как свою таблицу стилей (объявленную в нём самом), так и внешнюю.

Внутренняя таблица стилей документа

Внутренняя таблица стилей документа помещается в контейнер STYLE с параметром TYPE="text/css". Контейнер STYLE при этом размещается в контейнере HEAD. Сама таблица стилей располагается внутри вложенного в контейнер STYLE комментария <!-- (таблица стилей) -->

Т.е. документ будет выглядеть так:

<Html> </Html>

Комментарий используется традиционно. После введения стандарта CSS некоторые браузеры его ещё не поддерживали, отображая при этом таблицы стилей на экране. Поскольку это нравилось не всем пользователям, таблицы стилей стали заключать в комментарий, таким образом подавляя случайный вывод на экран.

Позднее эта традиция стала правилом, т.е. сейчас таблица стилей, которая просто лежит в контейнере STYLE (без комментария), в большинстве случаев будет просто игнорироваться (за все браузеры поручиться нельзя).

Внешняя таблица стилей

Внешняя таблица стилей- это таблица стилей html-документа, который используется как её носитель. В этом случае для подключения таблицы используется одиночный тег

<Link Rel=STYLESHEET Href='mstyle.css' Type="text/css">

Параметр Href указывает на файл с таблицей стилей. Таблица стилей в подключаемом файле объявляется точно также, как если бы это был самостоятельный документ.

Документ, используемый как внешняя таблица стилей, традиционно имеет расширение CSS и не имеет содержания (контейнера BODY).


Наверх