Основные правила и знакомство с селекторами
Наличие селекторов – это преимущество 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 коде, найди их
- Первая ошибка найдена
- Вторая ошибка найдена
– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter.
– Не знаете как сделать? Нажмите на кнопку Обсуждение и задайте вопрос!