Heim  >  Artikel  >  Web-Frontend  >  So referenzieren Sie CSS-Dateien in HTML

So referenzieren Sie CSS-Dateien in HTML

王林
王林nach vorne
2020-02-20 18:16:493182Durchsuche

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-Stil

bezieht sich auf den Wert des Style-Elements, das im Tag

<p style="color: #FF0000;">行内样式</p>

geschrieben ist Empfohlenes Tutorial:

HTML-Tutorial

Inline

wird 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

Link-Stil

Inline-Stil
Import-Stil (Link nach dem Import)
ODER
Inline-Stil-Stil
Eingebettet
Importiert

Weitere programmierbezogene Inhalte finden Sie in der Spalte

Programmiereinführung

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen