So legen Sie Etikettenattribute in CSS fest-Front-End-Fragen und Antworten-php.cn

So legen Sie Etikettenattribute in CSS fest

藏色散人

Freigeben： 2021-07-22 11:28:38

Original

3276 Leute haben es durchsucht

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>

Nach dem Login kopieren

Wir können den Selektor auch im -Tag festlegen, sodassjeder Stil nur geschrieben werden muss Noch einmal

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        <!--在这里写选择器-->
    </style>
</head>

Nach dem Login kopieren

Es gibt viele spezifische Selektoren:

1. Kopieren Sie den Stil über die ID

#i1{
    background-color: #2459a2;
    height: 48px;
}

Nach dem Login kopieren

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不能写多个（不规范）

Nach dem Login kopieren

2. Durch die Klasse zum Kopieren:

/*class选择器：用class=c1来就可以复制这个样式，同时避免了id必须统一的缺陷*/
.c1{
    background-color: #2459a2;
    height: 60px;
}

Nach dem Login kopieren

3. Tag-Selektor: Ändern Sie einen bestimmten Tag in diesen Stil:

    <p class="c1">1251251</p>能写多个
    <p class="c1">1251253</p>能写多个

Nach dem Login kopieren

4 . Kombinationsauswahl: In der Mitte steht ein Komma

标签选择器：把所有的p标签变成黑底白字
p{
    background-color: black;
    color: white;
}

Nach dem Login kopieren

6. Attributauswahl: „

        层级选择器：把span标签里p标签弄成这个样式
        span p{
            background-color: black;
            color: white;
        }
        层级：把c1里c2里的p设置成这个样式
        .c1 .c2 p{
            background-color: black;
            color: white;
        }

Nach dem Login kopieren

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!