Heim > Artikel > Web-Frontend > Es gibt zwei Referenzmethoden für externe CSS-Stylesheets.
Es gibt zwei Referenzmethoden für externe CSS-Stylesheets.
- 青灯夜游Original
- 2021-02-22 15:10:4815945Durchsuche
Methode: 1. Referenz durch „@import“ im Style-Tag, die Syntax ist „@import url(URL)“ 2. Referenz durch das Link-Tag, die Syntax „ecd36cee21505d85b20b5c6db02a7063".
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Externes CSS-Stylesheet
Wenn der CSS-Stil in einer Datei außerhalb des Webseitendokuments platziert wird, wird er als externes Stylesheet bezeichnet. Ein CSS-Stylesheet-Dokument stellt ein externes Stylesheet dar.
Eigentlich ist ein externes Stylesheet nur eine Textdatei mit der Erweiterung .css. Wenn Sie den CSS-Stilcode in eine Textdatei kopieren und als CSS-Datei speichern, handelt es sich um ein externes Stylesheet.
Möglichkeiten zur Einführung externer Stylesheets:
HTML-Dateien verweisen auf Stylesheets mit der Erweiterung .css. Es gibt zwei Möglichkeiten: Linktyp und Importtyp.
1. Einführung durch die @import-Direktive
Die @import-Direktive ist Teil der CSS-Sprache. Fügen Sie diese Direktive zu einem c9ccee2e6ea535a969eb3f532ad9fe89-Tag hinzu
<html>
<head>
<style type="text/css">
@import url(css/styles.css);
</style>
<!--此处的type属性是针对HTML4.01的，若在HTML5中则不需要加-->
</head>
<body>
......
</body>
</html[Empfohlenes Tutorial:
CSS-Video-Tutorial] Der Unterschied zwischen den beiden Methoden2cdf5bf648cf2f33323966d7f58a7f3f ist ein HTML-Tag, und @import ist eine von CSS bereitgestellte Methode, die nicht nur CSS importieren kann, sondern auch andere Dinge tun kann. während @import nur CSS importieren kann; Der Unterschied in der Ladereihenfolge: Wenn eine Seite durchsucht wird, wird das durch den Link eingeführte CSS synchron geladen, während das durch @import referenzierte CSS erst geladen wird, wenn alle anderen Elemente heruntergeladen wurden ;
Unterschied in der Kompatibilität: @import wurde nur in IE5 und höher unterstützt. Das 2cdf5bf648cf2f33323966d7f58a7f3f Wenn Sie Javascript verwenden, um das DOM zu steuern und den Stil zu ändern, kann nur das Tag 2cdf5bf648cf2f33323966d7f58a7f3f verwendet werden, da @import nicht vom DOM gesteuert werden kann.
Weitere Kenntnisse zum Thema Programmierung finden Sie unter:
Programmiervideos! !
Das obige ist der detaillierte Inhalt vonEs gibt zwei Referenzmethoden für externe CSS-Stylesheets.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!