htmlbook.ru - Для тех, кто делает сайты
Шаг за шагом Графика для Web
Шаг за шагом > CSS по шагам > Селекторы тегов

Этот материал устарел, рекомендую Самоучитель CSS

Шаг 5. Селекторы тегов

Влад Мержевич

В качестве селектора может выступать любой тег 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>.

Статья опубликована: 15.10.2005 Последнее обновление: 18.02.2009
CSS по шагам
Примеры из статьи

Copyright Влад Мержевич, по всем вопросам пишите по адресу: vlad@htmlbook.ru