В данном уроке мы познакомимся с тремя базовыми типами правил, которые используются в таблицах стилей CSS. Эти правила часто применяются при создании сайтов, и знать как они прописываются не помешает. Итак, давайте рассмотрим их по порядку:

1. Первый тип правил. Придаем настройки всем тегам (в данном случае всем тегам абзацев):

<p>Делаем настройки стиля для всех абзацев</p>

Таблица стилей будет иметь следующие настройки:

p {
color:#cc00cc;
font-size:14px;
font-family:Verdana, Tahoma, Arial;
}

2. Второй тип правил. Настройки стиля для определенных тегов:

<p class="pravilo">Делаем настройки стиля для определенных абзацев</p>

Таблица стилей будет иметь настройки:

p.pravilo {
font-weight:bold;
color:#cc0000;
font-size:14px;
}

3. Третий тип правил. Правила, которые могут применяться для любых тегов.

Ставим точку, затем придумываем название правила. После этого в фигурных скобках указываем настройки данного правила:

<h1 class="nastroiki">Пример записи правил, которые могут применяться для любых тегов</h1>

Таблица стилей будет иметь следующий вид:

.nastroiki {
color:#cc00cc;
font-size:12px;
}

Таким образом, мы познакомились с базовыми типами правил CSS: a) правила, изменяющие определенные теги; б) правила, изменяющие конкретный тег; в) правила, которые можно применять к любому тегу.