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

So legen Sie den Standardwert eines MySQL-Felds fest

Inhaltsverzeichnis Vorwort: 1. Standardwertbezoge...

Erfahren Sie in einem Artikel mehr über JavaScript-Closure-Funktionen

Inhaltsverzeichnis Variablenbereich Das Konzept d...

Verwendung des Linux-Telnet-Befehls

1. Einleitung Der Befehl Telnet dient zur Anmeldu...

So verwalten Sie Docker über die Benutzeroberfläche

Docker wird in immer mehr Szenarien verwendet. Fü...

HTML-Tipps, um Ihren Code semantisch zu gestalten

HTML-Semantik scheint ein alltägliches Problem zu...

Miniprogramm zur Implementierung der Token-Generierung und -Verifizierung

Inhaltsverzeichnis Verfahren Demo Mini-Programm B...

Lernen Sie, wie Sie in 6 Sekunden 1 Million Datensätze in MySQL einfügen

1. Idee Es dauerte nur 6 Sekunden, um 1.000.000 D...

Detaillierte Erläuterung der sieben Wertübertragungsmethoden von Vue

1. Vom Vater zum Sohn Definieren Sie das props Fe...

Zehn Erfahrungen im Webdesign im Jahr 2008

<br />Das Internet verändert sich ständig un...

Zwei Möglichkeiten zur Visualisierung von ClickHouse-Daten mit Apache Superset

Apache Superset ist ein leistungsstarkes BI-Tool,...

TypeScript-Problem beim Iterieren über Objekteigenschaften

Inhaltsverzeichnis 1. Problem 2. Lösung 1. Deklar...

RGB-Farbtabellensammlung

RGB-Farbtabelle Farbe Englischer Name RGB 16 Farb...