Урок с практикой по CSS (Онлайн курсы)
Выбрать другой урок из курса
Теория урока

Селекторы и свойства в 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;
}

Это ознакомительный урок, по селекторам будет целый курс далее.

<
×
>
Внимание! Впервые на этом сайте?

Образовательный ресурс codebra.ru полностью посвящен программированию. Все курсы и уроки находятся на главной странице. Вы можете начать изучение прямо сейчас, кликнув на ссылки: HTML, CSS, JavaScript, C++, PHP, jQuery, Python, Bootstrap 3

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно