Zusammenfassung verschiedener Formen der Anwendung von CSS-Stilen in Webseiten

Zusammenfassung verschiedener Formen der Anwendung von CSS-Stilen in Webseiten
1. Inline-Stil, platziert in <body></body>:

Code kopieren
Der Code lautet wie folgt:

<div style="Inhalt formatieren; durch Semikolon getrennt"> Inline-Stil</div>

2. Interne Stile werden normalerweise im Kopf platziert, können aber auch im Körper platziert werden, es wird jedoch empfohlen, im Kopf platziert zu werden

Code kopieren
Der Code lautet wie folgt:

<Kopf>
<style type="text/css">
body{font-family:"Microsoft YaHei";}
</Stil>
</Kopf>

3. Äußere Stile, normalerweise im Kopfteil platziert;

Code kopieren
Der Code lautet wie folgt:

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

Es kann auch im Körper platziert werden, empfohlen wird die Platzierung im Kopf;

4. Importieren Sie externe Stylesheets. Ältere Browser unterstützen diese Methode möglicherweise nicht.

Code kopieren
Der Code lautet wie folgt:

<style type="text/css">
@import url("style.css");
</Stil>

<<:  CSS-Rand halb oder teilweise sichtbarer Implementierungscode

>>:  Bereitstellung des Quellcodes des Docker-Containers. httpd verwendet Speichervolumen, um die Website bereitzustellen (empfohlen).

Artikel empfehlen

Lernprogramm für HTML-Webseitenlisten-Tags

Lernprogramm zum Erlernen von Listen-Tags für HTML...

Lösen Sie das Problem der Installation von Theano auf Ubuntu 19

Lösung: Ändern Sie die Datei setup.py direkt in d...

Detaillierter Prozess der Installation von Jenkins-2.249.3-1.1 mit Docker

Inhaltsverzeichnis 1. Docker installieren 2. Zieh...

Beispiel für die MySQL-Methode zum Löschen von Daten und Datentabellen

Es ist sehr einfach, Daten und Tabellen in MySQL ...

Tipps zum Erstellen von Webseiten für Mobiltelefone

Angesichts der Tatsache, dass mittlerweile viele M...

jQuery-Plugin für ein nahtloses Karussell

Ein nahtloses Karussell ist ein sehr häufiger Eff...

Vue implementiert unregelmäßige Screenshots

Inhaltsverzeichnis Bilderfassung durch SVG CSS-Te...

Detaillierte Erklärung des JS-Speicherplatzes

Inhaltsverzeichnis Überblick 1. Stapeln und Aufhä...