Теория урока
Селекторы и свойства в CSS
Селектор в CSS – элемент (или группа элементов), для которого описываются стили. Например, селектор, тег h1
, а свойство – цвет текста. Пример такого описания:
Пример селектора
h1 {
color: #F1F1F1;
}
А так в общем виде
селектор {
свойство: значение;
}
Селектор может состоять из таких частей:
- Селектор тега, id селектор или селектор класса
- Селектор псевдокласса и (или) селектор атрибута
Например, селектор может быть таким:
Пример «сложного селектора»
#header .block h1:hover {
color: #F1F1F1;
}
Можно перечислять несколько разных селекторов и описывать для них одинаковые свойства. Проще показать на примере.
Так плохо
h1 {
color: #000000;
}
p {
color: #000000;
}
.bold {
color: #000000;
}
А так хорошо
h1, p, .bold {
color: #000000;
}
Это ознакомительный урок, по селекторам будет целый курс далее.
Возможно, вам это будет интересно: Селекторы и свойства в CSS
<
×
>
HTML
CSS
Браузер
Вернуть расположение блоков
Код HTML
Код CSS
Браузер×
Задание
Восстановить код
Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться
- Для тегов
<h1>
и<p>
(не дописывайте новые селекторы, все уже есть) укажите два свойства:color: #FF0000
иtext-align: center
. Не забудьте точки с запятой (;
) после свойств
– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter.
– Не знаете как сделать? Нажмите на кнопку Обсуждение и задайте вопрос!
Проверить задание