Читайте также:
|
|
Независимо от того, какой из способов применения листов стилей использован, синтаксис их схож. Он состоит из трех частей.
§ Селектора, обладающего свойствами, которые, в свою очередь имеют значения. Селектор обычно представляет собой стандартный элемент HTML-страницы, такой как, например, заголовок (H1) или абзац (P).
§ Свойств селектора.
§ Значений свойств селектора
Свойства и значения образуют объявление. Селектор и объявление образуют правило со следующим порядком записи:
H1 {
type-family: Garamond, times, serif;
}
При объявлении встроенного стиля не используются селекторы, так как стиль применяется только к дескриптору, в котором он определен:
<H1 style=”garamond, times, serif;”> text </H1>
Классы
Классом называется разбиение одного правила стиля на несколько частей. Если есть необходимость оформить один фрагмент текста иначе, чем другой, можно создать несколько наборов. Каждый набор вновь созданных стилей называется классом стиля.
Пример классов стиля применительно к заголовку:
<HEAD>
<STYLE>
<!--
H1.left {
font: 14pt arial;
color: #FF0033;
text-align: left;
}
H1.right {
font: 13pt arial;
color: #FF6633;
text-align: right;
}
-->
</STYLE>
</HEAD>
<BODY>
<H1 class=”left”> Заголовок выводится слева</H1>
<BR>
<H1 class=”right”> Заголовок выводится справа </H1>
</BODY>
Дата добавления: 2015-10-02; просмотров: 58 | Нарушение авторских прав
<== предыдущая страница | | | следующая страница ==> |
Типы листов стилей | | | Цвет и фон |