Heim > Artikel > Web-Frontend > So referenzieren Sie CSS-Dateien in HTML
Die wichtigsten Methoden zur Referenzierung von CSS in HTML sind:
1. Inline-Stil
3 Stil
4. Importstil
Inline-Stilbezieht sich auf den Wert des Style-Elements, das im Tag
<p style="color: #FF0000;">行内样式</p>
geschrieben ist Empfohlenes Tutorial:
HTML-TutorialInlinewird in den Head-Tag der HTML-Seite geschrieben.
<style type="text/css"> XXXXXXXX </style>Linked
erfolgt ebenfalls innerhalb des Head-Tags, erfordert jedoch, dass eine dedizierte CSS-Datei extern geschrieben wird.
<link rel="stylesheet" href="css/Demo.css" />Import style
steht auch im Head-Tag.
<style type="text/css"> @import url("css/Demo.css"); </style>
Der Unterschied zwischen Import und Link ist: Der Import wird einmal geladen, während der Link geladen wird, wenn sein Stil benötigt wird, sodass die Leistung des Linktyps höher ist. Vor allem beim ersten Laden.
Priorität:
Inline-Stil
Inline-Stil
Import-Stil (Link nach dem Import)
ODER
Inline-Stil-Stil
Eingebettet
Importiert
Weitere programmierbezogene Inhalte finden Sie in der Spalte
auf der chinesischen PHP-Website!
Das obige ist der detaillierte Inhalt vonSo referenzieren Sie CSS-Dateien in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!