3 Möglichkeiten, CSS zu verwenden

(1) Linktyp: (extern importierte .css-Datei)

(mehr verwendet) wird referenziert, bevor der HTML-Code geladen wird

Fügen Sie externe Stylesheets mit im Tag-Paar ein und verwenden Sie HTML-Regeln, um externes CSS einzuführen:

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

Importtyp: (external import. css-Datei)　

(nicht verwendet) @import wird nach dem Laden des HTML-Codes referenziert und Stile können nicht in das JS-DOM-Modell eingefügt werden

führt externe CSS-Dateien ein, und die < style>-Tag wird auch im -Tag geschrieben. Die verwendete Syntax lautet wie folgt:

　　　　　<style type="text/css">
　　　　　　　　@import "./css/style.css"
　　　　　　　　　　/*@import url(./css/style.css)*/
　　　　　　</style>

(2) Eingebettet wird oft direkt unter dem -Tag geschrieben in ,

Vorteile: schnell, alle CSS-Steuerelemente gelten für dieses Seiten-Tag und Stile werden direkt im HTML-Dokument gelesen

Nachteile: ein einziges Die Seite sieht aufgebläht aus und kann nicht referenziert werden, was zu einer relativ großen Menge an Code und Wartungsproblemen führt nicht häufig geändert

<style type="text/css">
　　　　　　div{border:1px #ff0 solid}
　　　　</style>

Das obige ist der detaillierte Inhalt von3 Möglichkeiten, CSS zu verwenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!