Heim >Web-Frontend >CSS-Tutorial >Der Unterschied zwischen CSS-Link-Stil und Import-Stil
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!