Heim > Artikel > Web-Frontend > Wo ist der CSS-Stil geschrieben?
Wo ist der CSS-Stil geschrieben?
- 下次还敢Original
- 2024-04-25 12:36:171007Durchsuche
CSS-Stile können an den folgenden drei Orten geschrieben werden: Inline-Stil: direkt in das Stilattribut des HTML-Elements geschrieben. Interne Stylesheets: geschrieben im <style>-Element innerhalb des <head> Externes Stylesheet: in einer separaten CSS-Datei geschrieben und über das <link>-Tag mit der HTML-Seite verknüpft. Im Allgemeinen wird der am besten geeignete Ort zum Schreiben des Stils von Fall zu Fall ausgewählt.
Schreibposition im CSS-Stil
Der CSS-Stil (Cascading Style Sheets) wird zur Steuerung der visuellen Darstellung von Webseiten verwendet. Er kann in drei Positionen geschrieben werden:
1 Um Stile direkt in HTML-Elemente zu schreiben, verwenden Sie das Attribut style.
- Zum Beispiel:
-
style属性。 - 例如：
<p style="color: red;">This text is red.</p>
<p style="color: red;">Dieser Text ist rot.</p>2. 内部样式表
- 在
<head>标签内创建一个<style>元素，并将样式写在其中。 -
例如：
<code class="html"><head> <style> p { color: blue; } </style> </head></code>
3. 外部样式表
- 将样式写在单独的
.css文件中，该文件通过<link>标签链接到HTML页面。 -
例如：
<code class="html"><head> <link rel="stylesheet" href="style.css"> </head></code>
推荐位置：
通常，根据具体情况选择最合适的样式写入位置：
- 行内样式：只适用于极少量的元素修改，因为会使代码量增加。
-
内部样式表：对于小型的页面或文档，将样式写在
<head> - 2. Internes Stylesheet
.css-Datei, die über <link>-Tag verweist auf die HTML-Seite. 🎜🎜🎜Zum Beispiel: 🎜rrreee🎜🎜🎜🎜Empfohlene Position: 🎜🎜🎜Wählen Sie normalerweise die für die jeweilige Situation am besten geeignete Schreibposition: 🎜🎜🎜🎜Inline-Stil: 🎜Nur für eine sehr kleine Menge an Elementen geeignet Änderung, da dadurch die Codemenge erhöht wird. 🎜🎜🎜Internes Stylesheet: 🎜Für kleine Seiten oder Dokumente ist es sehr praktisch, Stile im <head>-Tag zu schreiben. 🎜🎜🎜Externes Stylesheet: 🎜Bei großen Projekten, die sich über mehrere Seiten erstrecken, kann durch die Verwendung externer Stylesheets eine zentrale Verwaltung und Pflege von Stilen erreicht werden. 🎜🎜Das obige ist der detaillierte Inhalt vonWo ist der CSS-Stil geschrieben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!