Heim > Artikel > Web-Frontend > So legen Sie Etikettenattribute in CSS fest
So legen Sie Etikettenattribute in CSS fest
- 藏色散人Original
- 2021-07-22 11:28:383233Durchsuche
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
CSS-Selektor
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!