Чтобы добавить элементу CSS класс, вам нужно сначала определить этот класс в CSS файле или встроенном стиле внутри тега <head>
в HTML файле.
Например, в CSS файле вы можете определить класс с названием «my-class»:
.my-class {
font-size: 20px;
color: red;
}
А затем добавить этот класс к элементу с помощью атрибута class
. Например:
<h1 class="my-class">Заголовок</h1>
<p class="my-class">Это абзац текста.</p>
Обратите внимание на использование точки перед названием класса, когда вы его определяете в CSS файле. Эта точка сообщает браузеру, что вы определяете класс, а не тег.
Вы также можете присваивать элементу несколько классов. Например:
<h1 class="my-class another-class">Заголовок</h1>
В этом примере у элемента h1
есть два класса — my-class
и another-class
. Если вы хотите применить к элементу только один класс, используйте пробел между классами.
<h1 class="my-class">Заголовок</h1>
<p class="another-class">Это абзац текста.</p>
Этот код добавляет класс my-class
только к заголовку (h1
), а класс another-class
только к абзацу (p
).