Heim > Web-Frontend > CSS-Tutorial > Der Unterschied zwischen CSS-Link-Stil und Import-Stil

Der Unterschied zwischen CSS-Link-Stil und Import-Stil

高洛峰
Freigeben: 2016-12-16 15:55:23
Original
4461 Leute haben es durchsucht

Link-Typ:

<link href="style.css" rel="stylesheet" type="text/css"/>
Nach dem Login kopieren

Importtyp:

<style type="text/css">  
 @import"style.css";  
</style>
Nach dem Login kopieren

Unterschied: Bei Verwendung der Link-Methode wird die CSS-Datei geladen, bevor der Hauptteil der Seite geladen wird. damit die angezeigte Webseite von Anfang an mit dem Stil
importiert wird und die CSS-Datei nach dem Laden der gesamten Seite geladen wird. Bei einigen Browsern ist die Größe der Webseitendatei in einigen Fällen relativ groß, die erste Seite wird angezeigt, und der Effekt nach dem Festlegen des Stils wird nach einem Blitz angezeigt.

Um die Wartung zu erleichtern, möchten Sie möglicherweise alle CSS-Stile in mehrere CSS-Dateien einfügen. Wenn Sie also den Linkimport verwenden, benötigen Sie mehrere Anweisungen, um CSS separat zu importieren Wenn Sie die CSS-Dateiklassifizierung anpassen, müssen Sie auch die HTML-Datei anpassen. Dies ist ein Nachteil für Wartungsarbeiten. Wenn Sie Import verwenden, können Sie nur eine allgemeine CSS-Datei importieren und dann andere unabhängige CSS-Dateien in diese Datei importieren. Links verfügen nicht über diese Funktion



Weitere Artikel zum Unterschied zwischen CSS-Linkstil und Importstil finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage