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">
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";
! !
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!