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

Schritte zum Erstellen eines Vite-Projekts

Inhaltsverzeichnis Vorwort Was macht Yarn Create?...

Nodejs-Fehlerbehandlungsprozessaufzeichnung

In diesem Artikel wird der Verbindungsfehler ECON...

Detaillierte Erklärung zur Verwendung von JavaScript-Funktionen

Inhaltsverzeichnis 1. Deklarieren Sie eine Funkti...

HTML-Bildlaufleisten-Textbereichsattributeinstellung

1. Überlaufinhalt-Überlaufeinstellungen (festlegen...

Implementierungsbeispiel für den Bildupload mit Vue+Element+Springboot

Vor kurzem hatte ich zufällig Kontakt mit dem Pro...

Lernen, React-Gerüste zu bauen

1. Komplexität des Front-End-Engineerings Wenn wi...

Sehr praktische Methode zur Implementierung des Tomcat-Startskripts

Vorwort Es gibt ein Szenario, in dem das Unterneh...

Bootstrap 3.0 Studiennotizen CSS-bezogene Ergänzung

Die wesentlichen Inhalte dieses Artikels sind wie...

Vollständiger Prozessdatensatz zur Fehlerbehebung bei MySQL DeadLock

【Autor】 Liu Bo: Leitender Datenbankmanager im Ctr...