Heim > Artikel > Web-Frontend > Die Attributklasse, die den Klassennamen eines Elements in HTML angibt
Die Attributklasse, die den Klassennamen eines Elements in HTML angibt
- 黄舟Original
- 2017-11-03 09:38:464839Durchsuche
Instanzen
Verwendung von Klasse Attribut in HTML-Dokumenten:
<html>
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:green;}
</style>
</head>
<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph.</p>
</body>
</html>Definition und Verwendung
Klassenattribut Gibt an der Klassenname des Elements. Das
class-Attribut wird am häufigsten verwendet, um auf eine Klasse in einem Stylesheet zu verweisen. Es kann jedoch auch verwendet werden, um HTML-Elemente mit bestimmten Klassen über JavaScript zu ändern.
Tipps und Hinweise
Hinweis: Das Klassenattribut kann in den folgenden HTML-Elementen nicht verwendet werden: Basis, Kopf, HTML, Meta, Param, Skript, Stil und Titel .
Tipp: Sie können HTML-Elementen mehrere Klassen zuweisen, zum Beispiel: 0be51a47f59f16298fd8778230b2d5c1. Dadurch können Sie mehrere CSS-Klassen in einem HTML-Element kombinieren.
Tipp: Klassennamen dürfen nicht mit Zahlen beginnen! Nur Internet Explorer unterstützt diese Vorgehensweise.
Browser-Unterstützung
W3C: Die Spalte „W3C“ gibt an, ob das Attribut in den HTML/XHTML-Empfehlungen des W3C definiert ist.
| IE | Firefox | Opera | Safari | W3C |
| YES | YES | YES | YES | YES |
Syntax
<element class="value">
Attributwert
| 值 | 描述 |
| classname | 规定元素的类的名称。如需为一个元素规定多个类，用空格分隔类名。 |
Beispiel
<div class="dreamdu1">连接div标签与dreamdu1样式<div> <div class="dreamdu12px dreamdublack dreamdubold">使用空格分开多个样式连接div标签<div>
div.dreamdu12px{
font-size: 12px;}
div.dreamdublack{
color: black;}
div.dreamdubold{
font-weight: bold;}Sie können mehrere Klassennamen verwenden, aber Verwenden Sie Leerzeichen, um
zu trennenDas obige ist der detaillierte Inhalt vonDie Attributklasse, die den Klassennamen eines Elements in HTML angibt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!