HTML :: Атрибут class

В HTML универсальный атрибут class (от англ. class – класс) используется для указания имени класса стилевого оформления, который будет применяться к элементу, сформированному тегом с данным атрибутом. Если в качестве значения атрибута указывается сразу несколько классов, то они перечисляются через пробел.

Синтаксис

...

Значения

В качестве значения атрибута class через пробел указываются имена применяемых к элементу классов CSS. При этом использовать русские буквы в именах классов нельзя. Для этого нужно использовать латинские буквы, регистр которых имеет значение, цифры 0-9, символ дефиса «-» и знак подчеркивания «_». Значение по умолчанию: отсутствует.

Ссылки

Официальный сайт W3C: https://html.spec.whatwg.org/multipage/dom.html#classes

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Global_attributes/class

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">    
    <title>class|Пример №1</title>
	
	<style>
		.red_text{
		color: red;
		}
	
		.boldText{
		font-weight: bold;
		}	
	</style>
	
</head>
<body>
    		    
    <p class="boldText red_text">
       Мой текст имеет жирное начертание и красный цвет, 
	   т.к. к нему применяются правила сразу двух классов!
    </p>

</body>
</html>

Пример №1