Welche Arten von CSS-Stilen gibt es?

Es gibt drei Arten von CSS-Stilen: 1. Inline-Stil, geschrieben im Style-Attribut des HTML-Tags; 2. Inline-Stil, geschrieben im Style-Tag; 3. Externer Stil, geschrieben in einer separaten „.css“-Datei . Es muss mithilfe des Link-Tags oder der „@import“-Regel in HTML eingeführt werden.

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

Es gibt drei Arten von CSS-Stilen: Inline-CSS-Stil, Inline-CSS-Stil und externer CSS-Stil (externer Stil).

1. Inline-Stil (eingebetteter Stil): Der innerhalb des Tags geschriebene Stil, im Stilattribut.

<标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记>

Beispiel:

<div style="color:red"></div>

2. Interner Stil (Inline-Stil): wird in die HTML-Seite geschrieben, im Head-Tag gespeichert und der Stil wird im Style-Tag geschrieben.

<style>选择器 {属性名：属性值；属性名：属性值；......}</style>

Beispiel:

<style>
  bdoy{font-size:14px;} 
</style>

3. Externer Stil (externer Stil): in CSS-Datei geschrieben. 🔜 Linktyp)

Verwenden Sie den Link-Tag, um die Datei direkt in die Seite einzuführen. Eine Seite kann das LINK-Tag mehrmals verwenden, um mehrere externe CSS-Dateien einzuführen. Achten Sie auf die gegenseitige Beeinflussung dieser CSS-Codes. Normalerweise überschreiben die später eingeführten CSS-Dateien die gleichen Effekte wie die zuvor eingeführten CSS-Dateien. Diese Methode zur Einführung von CSS ist derzeit die beliebteste. CSS-Codes können im Rahmen jeder Website geplant werden, um die Wiederverwendung und Wartung zu erleichtern. Dadurch wird der Code jedoch stark zentralisiert, und die Codemenge ist möglicherweise zu groß Es kann zu Verwirrung kommen, wenn es nicht ordnungsgemäß gepflegt wird.

<link rel="stylesheet" type="text/css" href="style.css">

2), verwenden Sie @import (import)

Es gibt zwei Möglichkeiten, CSS-Dateien in einzuführen ist wie folgt:

@import url(index2.css);

Darüber hinaus kann es auch in einer CSS-Datei verwendet werden. Die Verwendung ist wie folgt:

@import "sub.css";

Durch die Verwendung von @import zum Einführen von CSS kann der CSS-Code externer Dateien einfach eingeführt werden, was die Wartung und Planung erleichtert . Allerdings wird jedes Mal, wenn eine zusätzliche CSS-Datei eingeführt wird, eine Verbindungsanforderung an den Server hinzugefügt. Wenn die Anzahl der Besuche groß ist, muss ein Kompromiss zwischen Wartbarkeit und Leistung geschlossen werden. Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

Programmiervideos

! !

Das obige ist der detaillierte Inhalt vonWelche Arten von CSS-Stilen gibt es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!