Zusammenfassung der vier Möglichkeiten zur Einführung von CSS (Sharing)

Zusammenfassung der vier Möglichkeiten zur Einführung von CSS (Sharing)

1. Inline-Referenz: Wird direkt auf dem Etikett verwendet, der Wartungsaufwand ist jedoch hoch

Stil = 'Schriftgröße: 16px; Farbe: #000000'

2. Externe Linkreferenz: CSS-Code ist vom HTML-Code getrennt, was für die Wiederverwendung von Code praktisch ist

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

Der Inhalt der Datei style.css ist wie folgt:

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

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

<Stiltyp='text/css'>
    .font{color:blue;font-size:12px;}
</Stil>

4. Externer Import: Sie können mehrere Stylesheets in eine HTML-Datei importieren. Ähnlich wie bei der externen Linkreferenz

Fügen Sie dies dem Head-Tag in der HTML-Datei hinzu

<Stiltyp='text/css'>
    @import url('./style/style.css');
</Stil>

Die obige Zusammenfassung (Freigabe) der vier Möglichkeiten zur Einführung von CSS ist der gesamte Inhalt, den der Herausgeber mit Ihnen teilt. Ich hoffe, es kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen.

<<:  Detaillierte Erklärung des Json-Formats

>>:  Erläuterung der HTML-Tags

Artikel empfehlen

Umfassende Analyse von Prototypen, Prototypobjekten und Prototypketten in js

Inhaltsverzeichnis Prototypen verstehen Prototypo...

Docker-Compose-Tutorial: Installation und Schnellstart

Inhaltsverzeichnis 1. Einführung in Compose 2. Co...

HTML-Auszeichnungssprache - Referenz

Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“...

Detaillierte Erläuterung des Lese-Commits der MySQL-Transaktionsisolationsebene

MySQL-Transaktionsisolationsebene anzeigen mysql&...

Zusammenfassung der MySQL-Zeichensätze

Inhaltsverzeichnis Zeichensatz Vergleichsregeln V...

Achten Sie bei der Webseitenerstellung auf die Verwendung von HTML-Tags

HTML hat versucht, sich von der Präsentation weg ...

Entwickeln Sie eine Vue-Komponente, die Iframe kapselt

Inhaltsverzeichnis 1. Komponenteneinführung 2. In...