Heim > Artikel > Web-Frontend > So legen Sie Etikettenattribute in CSS fest
So legen Sie Tag-Attribute in CSS fest: Erstellen Sie zunächst eine HTML-Beispieldatei. Legen Sie dann die Attribute für das Tag fest, indem Sie den Stil für das HTML-Tag festlegen.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, DELL G3-Computer
Wie lege ich Etikettenattribute in CSS fest? CSS-Selektor legt Beschriftungsstil fest
Durch das Festlegen des Stils für das HTML-Tag können Attribute für die Beschriftung festgelegt werden:
<p style="background-color: #2459a2;height: 48px;">啊啊啊</p>
Wir können den Selektor auch im 93f0f5c25f18dab9d176bd4f6de5d30e-Tag festlegen, sodassjeder Stil nur geschrieben werden muss Noch einmal
<head> <meta charset="UTF-8"> <title>Title</title> <style> <!--在这里写选择器--> </style> </head>
Es gibt viele spezifische Selektoren:
1. Kopieren Sie den Stil über die ID
#i1{ background-color: #2459a2; height: 48px; }
Das Tag im Textkörper wird wie folgt verwendet: Sie können jedoch nicht mehrere IDs schreiben, also können Sie nicht mehr verwenden
<p id="i1"></p> <p id="i1"></p>但id不能写多个(不规范)
2. Durch die Klasse zum Kopieren:
/*class选择器:用class=c1来就可以复制这个样式,同时避免了id必须统一的缺陷*/ .c1{ background-color: #2459a2; height: 60px; }
3. Tag-Selektor: Ändern Sie einen bestimmten Tag in diesen Stil:
<p class="c1">1251251</p>能写多个 <p class="c1">1251253</p>能写多个
4 . Kombinationsauswahl: In der Mitte steht ein Komma
标签选择器:把所有的p标签变成黑底白字 p{ background-color: black; color: white; }
6. Attributauswahl: „
层级选择器:把span标签里p标签弄成这个样式 span p{ background-color: black; color: white; } 层级:把c1里c2里的p设置成这个样式 .c1 .c2 p{ background-color: black; color: white; }
Das obige ist der detaillierte Inhalt vonSo legen Sie Etikettenattribute in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!