So legen Sie einen einheitlichen Stil für Elemente in CSS fest-CSS-Tutorial-php.cn

So legen Sie einen einheitlichen Stil für Elemente in CSS fest

WBOY

Freigeben： 2021-11-30 15:46:11

Original

5612 Leute haben es durchsucht

Methode: 1. Verwenden Sie das Klassenattribut, um einen einheitlichen Klassenwert für mehrere Elemente festzulegen. Die Syntax lautet „“ 2. Verwenden Sie den „.class“-Selektor, um das angegebene auszuwählen Klassenwert. Alle Elemente und legen einen einheitlichen Stil fest. Die Syntax lautet „.value{css style code;}“.

So legen Sie einen einheitlichen Stil für Elemente in CSS fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

So legen Sie einen einheitlichen Stil für Elemente in CSS fest

In CSS können Sie über das Klassenattribut einen einheitlichen Stil für Elemente festlegen.

.class-Selektor wählt alle Elemente mit der angegebenen Klasse aus.

class bezieht sich auf das Klassenattribut eines HTML-Elements. Das Attribut

class wird verwendet, um bestimmte Stile für mehrere HTML-Elemente festzulegen.

Sehen wir uns an, wie man einen einheitlichen Stil für Elemente festlegt, indem man die Stile von zwei Divs festlegt. Das Beispiel sieht wie folgt aus:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <style>
    .mydiv{
        width:100px;
        height:100px;
        background-color:red;
}
    </style>
<div class="mydiv"></div>
<p>同一个class</p>
<div class="mydiv"></div>
</table>
</body>
</html>

Nach dem Login kopieren

Ausgabeergebnis:

So legen Sie einen einheitlichen Stil für Elemente in CSS fest

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo legen Sie einen einheitlichen Stil für Elemente in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!