Лекция: Каскадные таблицы стилей. Глобальные таблицы стилей.
есть 3 метода добавления стилей в документ:
3.Таблицы глобальных стилей. Определяется в заголовочной секции HEAD с использованием тега STYLE.
<html>
<head>
<style type=text/css>
p{
font-size: 20%,
text-align:center
background: yellow
}
</style>
</head>
Для того, чтобы определить стиль для группы тегов, существуют классы. Эти вещи пишутся только во внешних и глобальных таблицах стилей.
Для того, чтобы определить класс, надо придумать ему имя. Оно может состоять только из англ. букв, цифр и знака подчерка (_). После этого пишете следующее:
P.data {color: green; font-famiy: verdana}
этот пример создает класс по имени data, который может использоваться только тегами P. Для того, чтобы применить класс к тегу — припишите к тегу CLASS=«classname», наример:
<P CLASS=«data»>
Все, что находится посде этого тега, я имею в виду текст, будет зеленым и нарисовано шрифтом Verdana. Если вы припишете CLASS=«data» тегу TD, ничего не произойдет, так как этот класс определен только для тегов P. Для того, чтобы определить класс для нескольких тегов надо перечислить их через запятую:
P,TD.data {color: green; font-famiy: verdana}
Если же мы хотим использовать класс для всех тегов, к которым он применим, просто не указываем имя тега:
.data {color: green; font-famiy: verdana}
Для того, чтобы не определять никаких классов, а просто изменить начертание одного или нескольких тегов пишем:
LI {color: green; font-famiy: verdana}
P,TD {color: green; font-famiy: verdana}