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

Zusammenfassung von 3 Möglichkeiten zum verzögerten Laden eines Vue-Routers

Kein Lazy Loading verwenden importiere Vue von „v...

Verwenden Sie das Rem-Layout, um eine adaptive

Ich habe bereits einen Artikel über mobile Anpass...

So verwenden Sie Xtrabackup zum Sichern und Wiederherstellen von MySQL

Inhaltsverzeichnis 1. Sicherung 1.1 Vollständig v...

Detaillierte Schritte zur Neuinstallation von VMware Tools (grafisches Tutorial)

VMware Tools ist ein Tool, das mit virtuellen VMw...

Einführung mehrerer benutzerdefinierter Schriftarten in CSS3

Heute habe ich ein Problem in HTML gefunden. Es s...

Diskussion zur horizontalen und vertikalen Zentrierung von Elementen in HTML

Beim Entwerfen einer Seite müssen wir das DIV häu...

Was Sie beim Schreiben selbstschließender XHTML-Tags beachten sollten

Das img-Tag in XHTML sollte wie folgt geschrieben...

Detailliertes Tutorial zur Installation von VirtualBox 6.0 auf CentOS 8 / RHEL 8

VirtualBox ist ein kostenloses Open Source-Virtua...

Vue setzt die Daten auf ihren ursprünglichen Zustand zurück

In einigen Fällen müssen die Daten in den Daten w...

Lassen Sie sich das Funktionsprinzip von JavaScript erklären

Inhaltsverzeichnis Browserkernel JavaScript-Engin...