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 a024c49ed748ed2b0d2c92380d2e5ec8 und deklariere es mit c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927, 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 43e30545dad82d6e8c1595637b67a8e89118dd74ba67eda4d574ec71952b1d5e ; 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!