Атрибут class

Описание

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

Синтаксис

...

Значения

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

Ссылки

Официальный сайт W3C: https://www.w3.org/TR/html5/dom.html#element-attrdef-global-class.

Примеры

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

</body>
</html>

Пример №1