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

Lebenszyklus und Hook-Funktionen in Vue

Inhaltsverzeichnis 1. Was ist der Lebenszyklus 2....

Detaillierter Installationsprozess von MySQL5.6.40 unter CentOS7 64

MySQL5.6.40-Installationsprozess unter CentOS7 64...

Diskussion über sinnvollere Erstellungsregeln für MySQL-String-Indizes

Vorwort In Bezug auf die Verwendung von MySQL-Ind...

HTML-Tutorial: Sammlung häufig verwendeter HTML-Tags (6)

Verwandte Artikel: Anfänger lernen einige HTML-Ta...

Faint: „Nutzen Sie Web 2.0, um standardkonforme Seiten zu erstellen“

Heute sprach jemand mit mir über ein Website-Entw...

Schritte zum Bereitstellen von Ingress-Nginx auf K8s

Inhaltsverzeichnis Vorwort 1. Bereitstellung und ...

Einige Hinweise zur Installation eines Fastdfs-Images im Docker

1. Bereiten Sie die Docker-Umgebung vor 2. Suchen...

CSS zum Erzielen von Text auf dem Hintergrundbild

Wirkung: <div Klasse="imgs"> <...

Eine kurze Erläuterung der Rolle und Funktionsweise von Schlüsseln in Vue3

Welche Funktion hat dieses Schlüsselattribut? Sch...

Lassen Sie uns über die beiden Funktionen von try catch in Javascript sprechen

Das Programm wird sequentiell von oben nach unten...

Erklärung des HTML-Codes der Webseite: geordnete Liste und ungeordnete Liste

In diesem Abschnitt lernen wir Listenelemente in ...