Статьи / Веб-разработка / CSS по шагам / Шаг 5. Селекторы тегов
Шаг 5. Селекторы теговПросмотров: 1695
14.04.2009 20:21
 
В качестве селектора может выступать любой тег HTML для которого определяются правила форматирования, такие как: цвет, фон, размер и т.д. Правила задаются в следующем виде.

Тег { свойство1: значение; свойство2: значение; ... }

Вначале указывается имя тега, оформление которого будет переопределено, заглавными или строчными символами не имеет значения. Внутри фигурных скобок пишется свойство CSS, а после двоеточия — его значение. Набор параметров разделяется между собой точкой с запятой и может располагаться как в одну строку, так и в несколько (пример 5.1).

Пример 5.1. Изменение стиля тега параграфа

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Селекторы тегов</title>
  <style type="text/css">
   P {
    text-align: justify; /* Выравнивание по ширине */
    color: green /* Зеленый цвет текста */
   }
  </style>
</head>
<body>

   <p>Более эффективным способом ловли льва в пустыне
   является метод золотого сечения. При его использовании пустыня делится
   на две неравные части, размер которых подчиняется правилу золотого
   сечения.</p>

</body>
</html>

В данном примере изменяется цвет текста и выравнивание текста параграфа. Стиль будет применяться только к тексту, который располагается внутри контейнера <P>.

Замечание

Следует понимать, что стиль можно добавить только для тегов, которые непосредственно отображаются в контейнере <BODY>.

Автор: Влад Мержевич
Источник: htmlbook.ru