Читайте также:
|
Существует три способа применения листов стилей в документе HTML
§ Встраивание, при котором дескрипторы фрагментов документа дополняются короткими объявлениями формата. Встраивание предоставляет полный контроль над фрагментом, к которому оно применяется. Присовокупите атрибут Style=”x” к дескриптору абзаца, и броузер будет выводить абзац с применением параметров соответствующего стиля.
§ Внедрение, обеспечивающее контроль над страницей HTML. Использование дескриптора <Style> в пределах раздела <Head> страницы позволяет детально описать атрибуты применяемого ко всей странице стиля.
§ Связывание, известное также как применение внешнего листа стилей. В этом случае связанный документ использует эталонный лист стилей, применяемый для всего узла и хранящийся в файле с расширением.css.
Пример встраиваемого стиля
<P style=”font: 13pt verdana”> Для вывода текста применяется встроенный стиль. </P>
Пример внедренного стиля
<HTML>
<HEAD>
<TITLE>Пример внедрения стиля</TITLE>
<STYLE>
<!--
BODY {
background: #FFFFFF;
color: #000000;
}
H1 {
font: 14pt verdana; color: #CCCCCC;
}
P {
font: 13pt times;
}
A {
color: #FF0000; text-decoration: none;
}
-->
</STYLE>
</HEAD>
При использовании связанного стиля все описания хранятся в отдельном файле с расширением.css. Сам файл либо располагается в корневом каталоге узла, либо определяют вязь с ним в HTML-документах.
Пример листа стиля, предназначенного для связывания. Пусть он имеет имя mystyle.css.
BODY {
background: #000000;
color: #FFFFCC;
}
H1 {
font: 14pt Garamond; color: #CCCCCC;
}
P {
font: 13pt arial;
}
A {
color: #FF0000; text-decoration: none;
}
Чтобы связать HTML страницу с этим листом надо в раздел <HEAD> добавить следующую строку:
<HEAD>
<TITLE> Пример связывания стиля</TITLE>
<link rel=stylesheet href=”mystyle.css” type=”text/css”>
</HEAD>
Дата добавления: 2015-10-02; просмотров: 38 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Визуальные фильтры | | | Синтаксис листов стилей |