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

Eine kleine Einführung in die Verwendung der Position in HTML

Ich habe gestern gerade etwas HTML gelernt und kon...

Natives JavaScript zum Erzielen von Folieneffekten

Wenn wir eine Seite erstellen, insbesondere eine ...

Führen Sie die Schritte zum Aktivieren der GZIP-Komprimierung in Nginx aus.

Inhaltsverzeichnis Vorwort 1. Konfigurieren Sie d...

Chrome überwacht Cookie-Änderungen und weist Werte zu

Der folgende Code führt die Überwachung von Cooki...

So implementieren Sie Bildmapping mit CSS

1. Einleitung Mit Imagemaps können Sie Bereiche e...

Beispiele für die Verwendung des ES6-Spread-Operators

Inhaltsverzeichnis Was sind Spread- und Rest-Oper...

Analyse des HTTP-Schnittstellentestprozesses basierend auf Postman

Ich habe zufällig ein tolles Tutorial zum Thema k...

Detaillierte Erklärung des MySQL-Datenbankindex

Inhaltsverzeichnis 1. Einführung in den MySQL-Ind...

Über Tomcat kombiniert mit Atomikos zur Implementierung von JTA

Vor Kurzem hat das Projekt die Umgebung gewechsel...

Prozessdiagramm zur Implementierung des CentOS-IP-Verbindungsnetzwerks

1. Melden Sie sich beim System an und geben Sie d...

Verwendung der JavaScript-Sleep-Funktion

Inhaltsverzeichnis 1. Schlaffunktion 2. setTimeou...