Heim >Web-Frontend >CSS-Tutorial >Wie führt @import CSS-Dateien ein? Gibt es eine Möglichkeit?
Wie führt @import CSS-Dateien ein? Gibt es eine Möglichkeit?
- 云罗郡主nach vorne
- 2018-11-22 16:53:055383Durchsuche
Der Inhalt dieses Artikels handelt davon, wie @import CSS-Dateien einführt? Gibt es eine Methode, die einen bestimmten Referenzwert hat? Freunde in Not können sich darauf beziehen. Ich hoffe, sie wird Ihnen hilfreich sein.
@import stellt CSS-Stylesheet-Dateien vor
@import url (url) sMedia;
Beschreibung:
url: Verwenden Sie zur Angabe absolute oder relative Adressen die externe Stylesheet-Datei importieren. Dies entspricht der Einführung von Links zu CSS-Dateien. (Erfahren Sie den Unterschied zwischen Link und @import und wie Sie auswählen)
css @import verwendet zwei häufig verwendete Methoden
Die erste: HTML-Quellcode (in der HTML-Datei) führt direkt in das ein Externe Stylesheet-CSS-Datei
HTML-Datei index.html-Code:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>import使用实例</title> <style> @import url(images/style.css); </style> </head> <body> <span class="wai">实例测试内容</span> </body> </html>
style.css-Dateicode im Bilderordner:
@charset "utf-8";
/* php - www.php.cn */
.wai{ color:#F00}Der Effekt ist wie folgt:
Wie Sie oben sehen können, erfordert die Verwendung von @import im HTML-Code die Verwendung von Style-Tags.
Zusammenfassung: Um @import direkt zum Einfügen externer CSS-Stylesheet-Dateien in den HTML-Quellcode zu verwenden, müssen Sie @import in das
Zweitens: Verwenden Sie @import im CSS-Dateicode, um eine weitere CSS-Datei einzuführen
Zusätzlich zur Verwendung des Style-Tags zur Verwendung von @import im HTML-Quellcode können Sie weiterhin @ in verwenden Beim Importieren des CSS-Dateicodes ist das Style-Tag derzeit nicht erforderlich. Verwenden Sie einfach @import direkt, sodass eine (mehrere) CSS-Datei in eine andere (mehrere) CSS-Datei eingefügt werden kann.
Wie führt @import oben beschrieben CSS-Dateien ein? Es gibt eine vollständige Einführung zu allen Methoden. Wenn Sie mehr über CSS3-Tutorials erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.
Das obige ist der detaillierte Inhalt vonWie führt @import CSS-Dateien ein? Gibt es eine Möglichkeit?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!