3 Möglichkeiten, CSS zu verwenden

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

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

Fügen Sie externe Stylesheets mit 2cdf5bf648cf2f33323966d7f58a7f3f im Tag-Paar 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 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 6c1d9d1c5e7690ed0ad94b24a12b6eb7-Tag wird auch im 93f0f5c25f18dab9d176bd4f6de5d30e-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 100db36a723c770d327fc0aef2ce13b1-Tag geschrieben in 93f0f5c25f18dab9d176bd4f6de5d30e3c7b149cc556f883a18b3c490b028d4e,

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!