Was ist eine CSS-Datei?

CSS-Datei bezieht sich auf eine Textdatei, die CSS-Code mit der Erweiterung „.css“ enthält. Eine 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.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.

Wie der Name schon sagt, ist eine CSS-Datei eine Textdatei, die zum Installieren von CSS-Code verwendet wird, und der CSS-Code besteht aus Textcodes mit bestimmten regulären Regeln.

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

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 wird.

Wie ruft HTML CSS-Dateien auf?

1. Linktyp (Link)

Der Linktyp lädt die CSS-Datei, bevor der Hauptteil der Webseitendatei geladen wird, sodass die angezeigte Webseite von Anfang an einen Stileffekt hat, der jedoch nicht der Fall ist Zuerst werden formatierte Webseiten angezeigt, und dann werden formatierte Webseiten angezeigt. Dies ist der Vorteil des Linkstils.

Syntax:

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

2. Import (@import)

Import lädt die CSS-Datei, nachdem die gesamte Webseite geladen wurde. Dies führt also zu einem Problem, wenn die Webseite relativ groß ist Nachdem die Stilseite eine Weile blinkt, wird der Stil der Webseite wieder angezeigt. Dies ist ein inhärenter Fehler von Importen.

Grammatik:

<style type="text/css" media="screen">   
@import url("CSS文件路径");
</style>

(Lernvideo-Sharing: 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!