Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wo ist der CSS-Stil geschrieben?

下次还敢
Freigeben: 2024-04-25 12:36:17
Original
1007 Leute haben es durchsucht

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.

Wo ist der CSS-Stil geschrieben?

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: <p style="color: red;">Dieser Text ist rot.</p>
  • style属性。
  • 例如:<p style="color: red;">This text is red.</p>

2. 内部样式表

  • <head>标签内创建一个<style>元素,并将样式写在其中。
  • 例如:

    <code class="html"><head>
    <style>
    p {
    color: blue;
    }
    </style>
    </head></code>
    Nach dem Login kopieren

3. 外部样式表

  • 将样式写在单独的.css文件中,该文件通过<link>标签链接到HTML页面。
  • 例如:

    <code class="html"><head>
    <link rel="stylesheet" href="style.css">
    </head></code>
    Nach dem Login kopieren

推荐位置:

通常,根据具体情况选择最合适的样式写入位置:

  • 行内样式:只适用于极少量的元素修改,因为会使代码量增加。
  • 内部样式表:对于小型的页面或文档,将样式写在<head>
  • 2. Internes Stylesheet
in <style>-Element innerhalb des ><head>-Tags und schreiben Sie den Stil hinein. 🎜🎜🎜Zum Beispiel: 🎜rrreee🎜🎜🎜🎜3. Externes Stylesheet 🎜🎜🎜🎜Schreiben Sie die Stile in eine separate .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!

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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!