Класс CSS (Cascading Style Sheets) — это селектор, используемый для присвоения стилей HTML-элементам. Классы используются для того, чтобы определить один и тот же стиль для нескольких элементов на одной странице или на многих страницах.
Синтаксис для создания класса CSS:
.class {
property: value;
}
Класс обозначается точкой перед именем, которое вы выбираете для класса. Имена классов могут содержать буквы, цифры, дефисы и нижние подчеркивания.
Например, в HTML-документе для элемента <h1>
с классом «title» можно добавить стиль:
<h1 class="title">Заголовок страницы</h1>
CSS-стиль для этого класса может быть написан так:
.title {
font-size: 32px;
color: #333;
font-weight: bold;
}
Этот стиль будет применяться ко всем элементам HTML, имеющим класс «title», включая все <h1>
, содержащие этот класс. При этом остальные элементы страницы не будут затронуты стилем, заданным для этого класса.
Использование классов в CSS-стилях является важным инструментом для создания каскадных таблиц стилей, которые позволяют задавать внешний вид HTML-элементов с помощью единого набора правил CSS.