Bevor wir lernen, CSS anzuwenden, müssen wir zunächst verstehen, was CSS ist. CSS ist die Abkürzung für Cascading Style Sheets
* Die CSS-Sprache ist eine Auszeichnungssprache, die nicht kompiliert werden muss und direkt vom Browser ausgeführt werden kann (es ist eine vom Browser interpretierte Sprache).
* CSS ist für die Leistung des Standard-Webdesigns verantwortlich Webseiteninhalt (XHTML).
* Eine CSS-Datei kann auch als Textdatei bezeichnet werden,
die einige CSS-Tags enthält. Die CSS-Datei muss CSS als Dateinamensuffix verwenden
Durch
einfaches Ändern der CSS-Datei kann die Arbeitsbelastung verringert werden, daher ist dies ein Pflichtkurs für jeden Webdesigner.
* CSS wird von der CSS-Arbeitsgruppe des W3C erstellt und verwaltet.
Wir können es auf zwei Arten zu Ihrem Blog hinzufügen, da die Anwendungsmethode von CSS dem Prinzip der Nähe folgt. Das heißt, die Stildefinition, die dem Ziel am nächsten liegt, hat eine höhere Priorität. Ein Stil mit hoher Priorität erbt die nicht überlappenden Definitionen des Stils mit niedriger Priorität, überschreibt jedoch die überlappenden Definitionen.
Verknüpfen mit einer externen Stylesheet-Datei (Verknüpfen mit einem Stylesheet)
Sie können zunächst eine externe Stylesheet-Datei (.css) erstellen und dann das HTML-Linkobjekt verwenden. Ein Beispiel lautet wie folgt:
<head>
＜title＞Dokumenttitel＜/title＞
＜link rel=stylesheet href=" http://www.devdao.com/dhtmlet.css " type="text/css"＞
＜/head＞
In XML sollten Sie es im Deklarationsbereich hinzufügen, wie im folgenden Beispiel gezeigt:
＜? xml-stylesheet type="text/css" href=" http://www.123-seo.cn/dhtmlet . css "?>
Definieren Sie ein internes Stilblockobjekt (Einbetten eines Stilblocks).
Sie können ein <STYLE>...</STYLE>-Blockobjekt zwischen den Tags <HTML> und <BODY> in Ihr HTML-Dokument einfügen. Informationen zu Definitionsmethoden finden Sie in der Stylesheet-Syntax. Ein Beispiel lautet wie folgt:
<html>
<Kopf>
＜title＞Dokumenttitel＜/title＞
＜style type="text/css"＞
<!--
Körper {Schriftart: 10pt „Arial“}
h1 {Schriftart: 15pt/17pt „Arial“; Schriftstärke: Fettfarbe: Kastanienbraun}
h2 {Schriftart: 13pt/15pt „Arial“; Schriftstärke: fett; Farbe: blau;
p {Schriftart: 10pt/12pt „Arial“; Farbe: Schwarz}
->
＜/Stil＞
＜/Kopf＞
<body>
Bitte beachten Sie, dass die Einstellung des Typattributs des Stilobjekts hier auf „text/css“ es Browsern ermöglicht, die diesen Typ nicht unterstützen, das Stylesheet zu ignorieren.