Es gibt drei Möglichkeiten, CSS in HTML zu referenzieren: direkte Inline-Referenz, externe Referenz und eingebettete Referenz. Inline-Referenzen eignen sich für Stile kleiner Abschnitte, externe Referenzen eignen sich für globale Stile und eingebettete Referenzen eignen sich zum Anpassen einzelner Elementstile und haben die höchste Priorität.
So referenzieren Sie CSS in HTML
Direkte Inline-Referenz:
<style>
-Tag und platzieren Sie ihn im <head> Element. <style>
标签中,放置在 <head>
元素内。示例:
<code class="html"><head> <style> body { background-color: #f0f0f0; } </style> </head></code>
外部引用:
<head>
元素中使用 <link>
标签引用该文件。示例:
<code class="html"><head> <link href="style.css" rel="stylesheet"> </head></code>
嵌入式引用:
style
<code class="html"><p style="color: red;">你好,世界!</p></code>
Externe Referenz:
<link>
-Tag innerhalb des <head>
-Elements. style
des Elements. Beispiel: rrreee
Spezifische Verwendung:
🎜🎜🎜🎜Inline-Zitat: 🎜Geeignet für Stile kleiner Absätze oder bestimmte Elementstile. 🎜🎜🎜Externe Referenzen: 🎜Geeignet für globale Stile oder komplexe Stylesheets. 🎜🎜🎜Eingebettete Referenz: 🎜Geeignet für Situationen, in denen Sie den Stil eines einzelnen Elements anpassen müssen. 🎜🎜🎜🎜Priorität: 🎜🎜🎜Eingebettete Referenzen haben die höchste Priorität, gefolgt von Inline-Referenzen und schließlich externen Referenzen. 🎜Das obige ist der detaillierte Inhalt vonSo referenzieren Sie CSS in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!