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

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

高洛峰
高洛峰Original
2016-12-16 15:55:234462Durchsuche

Link-Typ:

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

Importtyp:

<style type="text/css">  
 @import"style.css";  
</style>

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!

Stellungnahme:
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