Die Attributklasse, die den Klassennamen eines Elements in HTML angibt-HTML-Tutorial-php.cn

Die Attributklasse, die den Klassennamen eines Elements in HTML angibt

黄舟

Freigeben： 2017-11-03 09:38:46

Original

4838 Leute haben es durchsucht

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>

Nach dem Login kopieren

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: . 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">

Nach dem Login kopieren

Attributwert

值	描述
classname	规定元素的类的名称。如需为一个元素规定多个类，用空格分隔类名。

Beispiel

<div class="dreamdu1">连接div标签与dreamdu1样式<div>
<div class="dreamdu12px dreamdublack dreamdubold">使用空格分开多个样式连接div标签<div>

Nach dem Login kopieren

div.dreamdu12px{	
font-size: 12px;}
div.dreamdublack{	
color: black;}
div.dreamdubold{	
font-weight: bold;}

Nach dem Login kopieren

Sie können mehrere Klassennamen verwenden, aber Verwenden Sie Leerzeichen, um

zu trennen

Das 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!