CSS-правило — это инструкция, которая задает стиль и внешний вид элемента, находящегося на веб-странице. Каждое правило в CSS состоит из двух основных частей: селектора и блока свойств.
Селектор (selector) используется для выбора HTML-элемента, которому будет применено CSS-правило. Селектор может быть именем тега (например, p, div), классом (например, .class), идентификатором (например, #id), а также другими селекторами.
Блок свойств (property block) содержит набор свойств и значений CSS, которые будут применены к выбранному HTML-элементу. Этот блок начинается со скобок { и заканчивается скобкой }. Каждое свойство определяет определенный аспект внешнего вида HTML-элемента, такой как цвет, размер, расположение и т.д.
Пример простого CSS-правила:
p {
color: blue;
font-size: 18px;
}
Здесь селектором является тег <p>, а блок свойств содержит два свойства: color (устанавливает цвет текста на синий) и font-size (устанавливает размер шрифта на 18 пикселей). С помощью таких CSS-правил можно изменять стиль различных элементов веб-страницы, чтобы достигнуть желаемого внешнего вида.