Селекторы тегов
Селектором тегов может выступать любой тег HTML для которого определяются правила форматирования (цвет, фон, размер и т.п.).
В самом простом случае селектор совпадает с именами тегов:
p {…}
Заданный таким образом стиль, может распространяться на любые элементы:
* {…}
Один и тот же стиль может применяться к нескольким элементам, в данном случае, к заголовкам и абзацам:
h1, h2, p {…}Правило можно назначить элементу, расположенному внутри другого элемента:
p a {…}.
Вот пример, в котором стиль, с назначенным списком свойств и их значений для конкретного параграфа, задан в элементе разметки:
<html>
<head>
</head>
<body bgcolor=#faf0e6>
<p> Этот абзац имеет параметры, установленные в браузере по умолчанию.</p>
<p style="font-size:12pt; font-style:italic;background-color:#80ffff">Этот, выделен курсивом, размер шрифта 12 пунктов, фон светло-голубой. Все согласно назначенному стилю.</p>
</body>
</html>
Такой способ описания стилей применяется когда требуется изменить оформление конкретного элемента и отменяет любые другие его свойства.
Описание стиля в заголовке страницы осуществляется с помощью элемента style, размещенного между тегами <head> и </head> Bce чтo нaхoдитьcя внутpи тeгa <style> paccмaтpивaeтcя бpаузepoм кaк cтилeвыe пpaвилa и дeйcтвуeт нa вce тeги дoкумeнтa.
<html><head>
<style type="text/css">
body {
background=#faf0e6
}
p {
text-align: justify;
color: green;
font-size:120%
}
</style>
</head>
<body>
<p>Стиль этого абзаца соответствует стилю, описанному в "head". Текст зеленого цвета, размер шрифта 120% от принятого по умолчанию. Кроме того, текст отформатирован по ширине страницы.</p>
<p style= "color:blue; font-style: italic">Стиль этого абзаца задан в элементе "p". Текст синего цвета и набран курсивом. Однако, размер шрифта и выравнивание текста останется общим для обоих абзацев.</p>
<p>Этот абзац так же соответствует стилю, описанному в "head".</p>
</body>
</html>
В этом случае каждый элемент Web страницы, описанный с помощью элемента style в <head>, будет форматироваться в соответствии с установленным для него стилем, если только он не будет переопределен с помощью атрибута style непосредственно в элементе или средствами обычного HTML. Параметр <style type="text/css"> ... </style> обязателен и служит указанием браузеру использовать CSS.
