• RSS
✎ Помощь начинающим и профессиональным блоггерам, создание, поддержка сайтов и блогов e-mail siteblogger@inbox.ru icq 353-724-370

Главная ›› Уроки по CSS, CSS3 ›› Создание трех типов правил CSS

Создание трех типов правил CSS

В данном уроке мы познакомимся с тремя базовыми типами правил, которые используются в таблицах стилей 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) правила, изменяющие определенные теги; б) правила, изменяющие конкретный тег; в) правила, которые можно применять к любому тегу.

Поделиться ссылкой:


Читайте также:

Оставить комментарий


  • RSS

«Как создать и продвинуть свой сайт»

2011–2017 © Siteblogger.ru
Рейтинг@Mail.ru