Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

HTML Справочник


HTML Теги



HTML Глобальный атрибут class



Использование атрибута class в документ HTML:

<html>
<head>
<style>
h1.intro {
    color: blue;
}

p.important {
    color: green;
}
</style>
</head>
<body>

<h1 class="intro">Заголовок 1</h1>
<p>Параграф.</p>
<p class="important">Обратите внимание, что это важный пункт. :)</p>

</body>
</html>
Попробуйте сами »

Больше примеров "Попробуйте сами" ниже.



Описание class

Глобальный атрибут class указывает одно или несколько имен классов для элемента.

Глобальный атрибут class в основном используется для указания класса в таблице стилей. Однако он также может использоваться JavaScript (через DOM HTML) для внесения изменений в элементы HTML с указанным классом.


Поддержка class

Атрибут
class Да Да Да Да Да

Синтаксис class

<element class="classname">

Значение атрибута class

Значение Описание
classname Задает одно или несколько имен классов элементу. Чтобы указать несколько классов, разделите имена классов пробелом, например <span class="left important">. Это позволяет объединить несколько классов CSS для одного элемента HTML.

Правила наименования:

  • Должно начинаться с буквы A-Z или a-z
  • Может сопровождаться: Литералы (A-Za-z), десятичные знаки (0-9), дефисы ("-"), и подчеркивание ("_")

Больше Примеров class

Добавление нескольких классов к одному элементу HTML:

<!DOCTYPE html>
<html>
<head>
<style>
h1.intro {
    color: blue;
    text-align: center;
}

.important {
    background-color: yellow;
}
</style>
</head>
<body>

<h1 class="intro important">Заголовок 1</h1>
<p>Параграф.</p>

</body>
</html>
Попробуйте сами »

Связанные страницы class

Учебник HTML: Атрибуты HTML

Учебник CSS: Синтаксис CSS

Справочник CSS: Селектор CSS .class

Справочник DOM HTML: Метод DOM getElementsByClassName() HTML

Справочник DOM HTML: Свойство DOM className HTML

Справочник DOM HTML: Свойство DOM classListHTML

Справочник DOM HTML: Объект DOM Style HTML



×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.