Zusammenfassung von vier Möglichkeiten zur Einführung von CSS

Dieser Artikel gibt Ihnen hauptsächlich eine Zusammenfassung von vier Möglichkeiten, CSS einzuführen. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

1. Inline-Referenzen: werden direkt auf Tags verwendet, aber die Wartungskosten sind hoch

style='font-size:16px;color:#000000'

2. Extern verbundene Referenzen: CSS-Code wird vom HTML-Code getrennt, um die Wiederverwendung des Codes zu erleichtern

<link href="css/style.css" type="text/css" rel="stylesheet" />

Der Inhalt der style.css-Datei ist wie rechts dargestellt:

.font{color:blue;font-size:12px;}

3. Interner Verweis: Die Seite ist übersichtlicher, kann aber nicht von anderen Seiten verwendet werden

<style type=&#39;text/css&#39;>
    .font{color:blue;font-size:12px;}
</style>

4. Externer Import: Mehrere Stylesheets können in eine HTML-Datei importiert werden. Haben Sie, ähnlich wie bei der externen Linkreferenz

, gelernt, wie man

<style type=&#39;text/css&#39;>
    @import url('./style/style.css');
</style>

zum Head-Tag in der HTML-Datei hinzufügt? Sammeln Sie es, wenn Sie es nützlich finden.

Verwandte Empfehlungen:

Dreamweaver-Webseitenproduktion mit der Verschachtelungsmethode im CSS-Stil

Worauf sollten Sie beim Festlegen von Tabellen-CSS-Stilen achten?

Verwenden Sie CSS-Stile, um Such-, Warenkorb- und andere Symbolstile zu generieren

Das obige ist der detaillierte Inhalt vonZusammenfassung von vier Möglichkeiten zur Einführung von CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!