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

Поделитесь ссылкой! Подпишитесь на обновления, чтобы получать новые публикации!

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

Siteblogger.ru – проект, охватывающий достаточно широкий круг вопросов: создание сайтов и блогов на WordPress, поисковые системы, поисковая оптимизация и продвижение сайтов, способы заработка в сети, эффективные инструменты работы в Интернете и другое. Кроме того, мы оказываем услуги создания сайтов и блогов на WordPress с последующим их продвижением, а также занимаемся настройкой и ведением контекстной рекламы Яндекс.Директ и Google Adwords. По поводу сотрудничества просьба обращаться через контакты, все заявки и предложения будут обязательно рассмотрены. При использовании материалов данного сайта, пожалуйста, указывайте прямую индексируемую ссылку на Siteblogger.ru.

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

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