CSS правило — это набор инструкций, которые определяют стилизацию элементов HTML документа. Каждое правило состоит из селектора, свойства и значения.
- Селектор показывает браузеру, какой элемент HTML нужно стилизовать. Это может быть тег HTML, идентификатор элемента, класс элемента, атрибут элемента и другое.
- Свойства определяют, какой аспект элемента нужно изменить. Например, цвет текста, размер шрифта, отступы и многое другое.
- Значение — это конкретное значение, которое применяется к свойству. Например, если наша свойство — это маргин, то значение может быть числом, px, em или другими единицами измерения.
Вот пример CSS правила:
h1 {
color: red;
font-size: 24px;
}
В этом примере h1
— это селектор, color
и font-size
— это свойства, а red
и 24px
— это значения, применяемые соответственно к свойствам color
и font-size
.
CSS правила могут быть применены непосредственно к отдельным элементам HTML, как в примере выше, или к группам элементов с помощью классов, идентификаторов и других селекторов. Кроме того, отображение CSS правил можно управлять с помощью правил приоритетов, наследования и каскадирования, что позволяет создавать разнообразные и уникальные стили для элементов HTML.