Heim  >  Artikel  >  Web-Frontend  >  So legen Sie Etikettenattribute in CSS fest

So legen Sie Etikettenattribute in CSS fest

藏色散人
藏色散人Original
2021-07-22 11:28:383222Durchsuche

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.

So legen Sie Etikettenattribute in CSS fest

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn