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

Linux entfernt node.js vollständig und installiert es über den Befehl yum neu

erster Schritt Einmaliges Löschen mit der integri...

Vue verwendet die Element-el-upload-Komponente, um auf die Grube zu treten

Inhaltsverzeichnis 1. Grundlegende Verwendung 2. ...

So installieren Sie allgemeine Komponenten (MySQL, Redis) in Docker

Docker installiert MySQL Docker-Suche MySQL. Such...

MySQL-String-Splitting-Beispiel (String-Extraktion ohne Trennzeichen)

String-Extraktion ohne Trennzeichen Fragenanforde...

CSS zum Erzielen eines schnellen und coolen Schüttelanimationseffekts

1. Einführung in Animate.css Animate.css ist eine...

Probleme mit Index und FROM_UNIXTIME in MySQL

Null, Hintergrund Ich habe diesen Donnerstag viel...

Detaillierte Erklärung der Schlüsselwörter und reservierten Wörter in MySQL 5.7

Vorwort Die Schlüsselwörter von MySQL und Oracle ...

Detaillierter Prozess zum Konfigurieren eines HTTPS-Zertifikats unter Nginx

1. Der Unterschied zwischen HTTP und HTTPS HTTP: ...

js verwendet die Reduce-Methode, um Ihren Code eleganter zu gestalten

Vorwort In tatsächlichen Projekten kann die häufi...

MySQL-Cursor-Prinzip und Analyse von Anwendungsbeispielen

Dieser Artikel erläutert anhand von Beispielen di...