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

王林
Freigeben: 2020-05-15 09:12:31
nach vorne
7252 Leute haben es durchsucht

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:

Nach dem Login kopieren

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 ;< ; head> und deklariere es mit , zum Beispiel:

>

Nach dem Login kopieren

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 zwischen ; Das ist es, wie folgt:

Nach dem Login kopieren

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:

Nach dem Login kopieren

@import wird in CSS wie folgt verwendet:

@import url(style.css);
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:jb51.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!