Welche vier Möglichkeiten gibt es, CSS einzuführen?

Die vier Möglichkeiten, CSS einzuführen, sind: Inline-Stile, Inline-Stile, Link-Stile und importierte Stile.

1. Inline-Stil

Am direktesten und einfachsten verwenden Sie direkt für HTML-Tags, zum Beispiel:

<p style="color:#F00; "></p>

Nachteile: HTML-Seiten sind nicht rein . Die Dateigröße ist groß, was dem Spider-Crawling nicht förderlich ist und die spätere Wartung unpraktisch ist.

(Empfohlenes Video-Tutorial: CSS-Video-Tutorial)

2. Inline-Stil

Inline-Stil ist das Schreiben von CSS-Code in und deklariere es mit , zum Beispiel:

<style type="text/css">
body,div,a,img,p{margin:0; padding:0;}
</style>

Vorteile und Nachteile: Die Seite verwendet öffentlichen CSS-Code, der auf jeder Seite definiert werden muss Wenn die Website viele Seiten hat, wird jede Datei größer und die spätere Wartung wird schwierig. Wenn es nur wenige Dateien und nicht viele CSS-Codes gibt, ist dieser Stil immer noch sehr gut.

3. Linkstil

Der Linkstil ist der am häufigsten verwendete und praktischste Stil. Sie müssen nur ; Das ist es, wie folgt:

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

Vorteile und Nachteile: Es realisiert die vollständige Trennung von Seitenrahmencode und Performance-CSS-Code, was die Vorproduktion und Nachwartung sehr bequem macht

4. Importstile (nicht empfohlen)

Importstile ähneln Linkstilen. Verwenden Sie den @import-Stil, um CSS-Stylesheets zu importieren. Während der HTML-Initialisierung werden sie in HTML- oder CSS-Dateien importiert Datei, ähnlich der zweiten, ein Inline-Stil.

@import wird in HTML wie folgt verwendet:

<style type="text/css">
@import url(style.css);
</style>

@import wird in CSS wie folgt verwendet:

@import url(style.css);

Empfohlenes Tutorial: CSS-Schnellstart

Das obige ist der detaillierte Inhalt vonWelche vier Möglichkeiten gibt es, CSS einzuführen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!