Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

WBOY
Freigeben: 2021-11-30 15:46:11
Original
5627 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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage