Heim >Web-Frontend >CSS-Tutorial >Welches Formular in CSS wird der aktuellen Seite nicht hinzugefügt?
Welches Formular in CSS wird der aktuellen Seite nicht hinzugefügt?
- 青灯夜游Original
- 2021-02-02 16:50:425257Durchsuche
In CSS sind die Formulare, die nicht zur aktuellen Seite hinzugefügt werden, „verknüpfte Stylesheets“ und „importierte Stylesheets“. Verlinkte und importierte Stylesheets werden zusammenfassend als externe Stylesheets bezeichnet. Dabei handelt es sich um eine Methode, CSS-Code in eine unabhängige externe „.css“-Datei zu schreiben und diese dann mithilfe des Link-Tags oder „@import“ in der Webseitendatei zu referenzieren.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.
In CSS sind die Formulare, die nicht zur aktuellen Seite hinzugefügt werden, „verknüpfte Stylesheets“ und „importierte Stylesheets“.
Verknüpfte und importierte Stylesheets werden zusammenfassend als externe Stylesheets bezeichnet. Der CSS-Code wird in eine separate externe Datei geschrieben. Diese CSS-Style-Datei hat die Erweiterung „.css“.
Das externe Stylesheet muss mithilfe des Link-Tags oder „@import“ in der Webseitendatei referenziert werden.
Beispiel:
<!-- 链接外部样式：也就是在与<head>与</head>标记之间加入一个<link>标记。 --> <head> <link href=”style.css” rel=”stylesheet” type=”text/css” /> </head> <!-- 导入外部样式：在内部样式表的<style></style>标记之间导入一个外部样式表，导入时用@import。 --> <style type="text/css"> @import "CssStyle.css"; </style>
[Empfohlenes Tutorial: CSS-Video-Tutorial]
Die Import- und Linkmethoden zum Referenzieren externer Stile haben beide fast den gleichen Effekt auf unabhängige CSS-Stildateien in Webseitendateien Es gibt immer noch einige subtile Unterschiede zwischen den beiden (da das Design nicht langweilig genug ist, um zwei identische Dinge zu erstellen). Lassen Sie uns dies anhand der beiden Aspekte besprechen, die ich gelernt habe:
1 Verwenden Sie den Link. Das verlinkte CSS ist das, wenn der Client Ihre durchsucht Auf der Webseite wird zunächst die externe CSS-Datei geladen, dann kompiliert und angezeigt. Daher hat die angezeigte Webseite in diesem Fall den gleichen Effekt wie erwartet, auch wenn die Netzwerkgeschwindigkeit langsam ist . Das mit @import importierte CSS ist anders. Wenn der Client die Webseite durchsucht, präsentiert er zunächst die Struktur des HTML und lädt dann die externe CSS-Datei in die Webseite , aber wenn die Netzwerkgeschwindigkeit langsam ist, wird zuerst die HTML-Webseite ohne einheitliches CSS-Layout angezeigt, was den Lesern ein sehr schlechtes Gefühl gibt. Dies ist auch der Hauptgrund, warum das CSS der meisten Websites mittlerweile Links verwendet
2. Durch das Importieren von Stilen kann vermieden werden, dass zu viele Seiten auf eine CSS-Datei verweisen. Wenn es nicht viele Seiten auf der Website gibt, die dieselbe CSS-Datei verwenden, gibt es hinsichtlich der Wirkung fast keinen Unterschied zwischen den beiden Methoden. Wenn jedoch die Anzahl der Seiten auf der Website ein bestimmtes Niveau erreicht (z. B. bei Sina und anderen Portalen). ), kann es schwierig sein, die Link-Methode zu verwenden. Dies führt dazu, dass die Geschwindigkeit sinkt, da mehrere Seiten dieselbe CSS-Datei aufrufen. Im Allgemeinen verfügen Websites, die diese Seitenebene erreichen können, jedoch auch über das nötige Kapital, um die beste Festplatte zu verwenden Es besteht also kein Grund zur Sorge über diesen Faktor.
Anhand der beiden oben genannten Faktoren können wir feststellen, dass die meisten Websites mittlerweile lieber Links verwenden, um auf externes CSS zu verweisen.
Weitere Kenntnisse zum Thema Computerprogrammierung finden Sie unter: Programmiervideos! !
Das obige ist der detaillierte Inhalt vonWelches Formular in CSS wird der aktuellen Seite nicht hinzugefügt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!