Элемент <STYLE>
Задает стили изображения элементов в окне броузера.
Атрибут
|
Значение
|
| type |
CDATA обязателен |
| media |
CDATA |
| title |
CDATA |
Необходимы как открывающий, так и закрывающий ярлыки.
type = cdata
В этом атрибуте указывается язык, используемый для описания стилей, например, каскадные листы стилей: "text/css"
media = cdata-list
Этот атрибут задает способ воспроизведения стилей, т.е. средство, при
помощи которого эти стили будут реализованы. Возможные значения:
* screen: по умолчанию, экран компьютера, одностраничное устройство;
* print: вывод на многостраничное устройство, в том числе на экран
компьютера в режиме предварительного просмотра печати;
* projection: вывод на проектор;
* braille: вывод на устройство Брайля для людей с пониженным
зрением;
* speech: вывод на речевой синтезатор;
* all: относится ко всем устройствам.
Прочие атрибуты:
* lang, dir.
Пример:
<HEAD>
<STYLE type="text/css">
H1 {border-width: 1; border: solid; text-align: center}
</STYLE>
</HEAD>
Пример:
<STYLE type="text/css">
H1.myclass {border-width: 1; border: solid; text-align: center}
</STYLE>
</HEAD>
<BODY>
<H1 class="myclass"> Этот заголовок H1 выводится с использованием нашего стиля </Н1>
<Н1>Этот заголовок выводится без использования нашего стиля. </Н1>
</BODY>
Пример:
<HEAD>
<STYLE type="text/css">
DIV.Abstract { text-align: justify }
</STYLE>
</HEAD>
<BODY>
<DIV class="Abstract">
<Р>Соберем в парарграф текст на радость себе и читателям.
Завершим, наконец, параграф, и перейдем к следующему.
<Р>Наконец, новый параграф вступил в свои права. Будет ли этот
параграф лучше своего предшественника?
</DIV>
</BODY>
Внешние листы стилей
Стили могут быть определены самостоятельно, и располагаться отдельно от HTML-документа. При этом появляются преимущества:
* лист стилей может быть использован в нескольких HTML-документах
* стиль может быть изменен без необходимости внесения изменений в
документ
Внесение стилей в документ может быть осуществлено при помощи элемента <LINK>:
<LINK href="mystyle.css" rel="stylesheet">
— здесь подразумевается существование файла mystyle.css, с описанием
стилей.
