Was ist eine CSS-Datei?

青灯夜游
Freigeben: 2021-10-11 17:36:34
Original
13799 Leute haben es durchsucht

Die CSS-Datei ist eine Textdatei, die nach den von CSS festgelegten Grammatikregeln geschrieben wurde, mit der Erweiterung „.css“. Sie wird in Verbindung mit der HTML-Sprache zum Erstellen von Webseiten verwendet Einfach ausgedrückt dient es dazu, das Erscheinungsbild von Webseiten im HTML-Dokument zu steuern.

Was ist eine CSS-Datei?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

CSS-Dateien haben das Suffix .css Wir sehen, dass Dateien mit dem Suffix .css CSS-Dateien sind.

Die CSS-Datei selbst ist eigentlich eine Textdatei, sie wird lediglich nach den von CSS vorgegebenen Syntaxregeln geschrieben, damit der Browser sie erkennen kann.

CSS-Datei ist eine Datei, die in Verbindung mit der HTML-Sprache zum Erstellen von Webseiten verwendet wird. Ihre Hauptfunktion besteht darin, das Layout von HTML-Artikeln zu steuern.

Zusätzlich zur Steuerung des Seitenlayouts kann die CSS-Datei auch den HTML-Code und den CSS-Code gut trennen, sodass Inhalt und Layout unabhängig voneinander geschrieben werden können, ohne sich gegenseitig zu beeinträchtigen, und die Organisation klarer ist.

CSS-Dateien können in verschiedenen HTML-Dateien platziert werden, um die Stile aller Seiten der Website zu vereinheitlichen. Darüber hinaus erleichtert das Einfügen des CSS-Codes in eine CSS-Datei die Verwaltung und reduziert den Code- und Wartungsaufwand beim Ändern der CSS-Datei angewendet werden. Die HTML-Dateien des Dokuments werden aktualisiert, ohne dass alle Seiten vom Server abgerufen und nach der Änderung hochgeladen werden müssen.

Wie HTML CSS-Dateien aufruft

1. Linktyp (Link)

Linktyp verknüpft externe Stylesheet-Dateien mit HTML-Tags. Dies ist auch die am häufigsten verwendete Website im Internet. Methode, und es ist auch die praktischste Methode. Diese Methode trennt HTML-Dokumente und CSS-Dateien vollständig, erreicht eine vollständige Trennung der Strukturebene und der Präsentationsebene und verbessert die Skalierbarkeit der Webseitenstruktur und die Wartbarkeit von CSS-Stilen.

Syntax:

<link rel="stylesheet"  type="text/css"  href="css文件的路径" >
Nach dem Login kopieren

2. Importieren (@import)

Stile importieren Verwenden Sie den Befehl @import, um externe Stylesheets zu importieren.

Die Importmethode lädt die CSS-Datei, nachdem die gesamte Webseite geladen wurde. Dies führt also zu einem Problem. Wenn die Webseite relativ groß ist, wird zuerst eine nicht gestylte Seite und nach einem Blitz der Stil des Webs angezeigt Seite erscheint. Dies ist ein inhärenter Importfehler.

Es gibt 6 Schreibmethoden für importierte Stile:

<style type="text/css" media="screen">   
@import CSS文件路径;
@import &#39;CSS文件路径&#39;;
@import "CSS文件路径";
@import url(CSS文件路径);
@import url(&#39;CSS文件路径&#39;);
@import url("CSS文件路径");
</style>
Nach dem Login kopieren

(Teilen von Lernvideos:

CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWas ist eine CSS-Datei?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen 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