Внимание! На этой странице вы найдете материал урока из архивного курса по CSS. Курс был написан в 2015 и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по CSS и на странице первого урока.
- Создайте группу селекторов из тегов
h1,p - Теперь для этой группы добавьте свойство
text-align: center; - И еще для этой группы добавьте свойство
color: #888888;. Посмотрите результат
Из предыдущего урока вы узнали, что такое селектор и как применять стили к элементам. Допустим, вам нужно сделать цвет заголовка и абзаца одного цвета – красным. Руководствуясь предыдущим уроком, вы бы написали как в "примере 1":
h1 {
color: #FF0000;
}
p {
color: #FF0000;
}Но в CSS можно группировать селекторы. Теперь перепишем "пример 1".
p, h1 {
color: #FF0000;
}Теперь этот код браузер понимает так: «применить красный цвет текста ко всем абзацам и заголовкам первого уровня». Два разных селектора мы разделили запятой, если убрать запятую, то это будет значить совершенно другое.
Вы можете перечислить любое количество селекторов, например, как в "примере 3".
p, b, h1, h2, h3, h4 {
color: #FF0000;
}Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу CSS.
