95. Основные правила и знакомство с селекторами
Наличие селекторов – это преимущество CSS. Например, вам нужно поменять цвет абзаца и, если бы не было CSS, вы бы писали так:
<p><font color = "#FF0000">Красный абзац</font></p>
Вот написали вы абзацев 100, каждый красного цвета и вдруг решили заменить все абзацы на зеленый. Рутина. Вам придется исправлять каждый тег. А вот благодаря CSS вы сможете создавать правила для определенной группы элементов. Теперь приведу пример, опять поменяем цвет всех абзацев на красный.
<p>Красный абзац, благодаря CSS</p>
p {
color: red;
}
Что такое правило. Структура правила CSS
Каждое правило в CSS обязательно должно состоять из селектора и блока объявлений, а в каждом блоке объявлений есть одно или более объявлений, которое состоит из свойства и значения. Каждое объявление заканчивается точкой с запятой. Свойство от значения отделяется двоеточием.
h1 {
color: #000000; /* цвет текста */
font-size: 40px; /* размер текста */
text-align: center; /* текст по центру */
}
Разберем пример 3.1. Селектором в данном примере является тег h1 (заголовок первого уровня). Цвет всех заголовков первого уровня будет черным, размер шрифта 40 пикселей и текст будет выровнен по центру. Мы применили три свойства.
Похожие уроки и записи блога
- Две одинаковые ошибки в CSS коде, найди их
- Первая ошибка найдена
- Вторая ошибка найдена
– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.
– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.
Это займет не больше минуты.