Mit CSS können Sie die meisten oder sogar alle Präsentationsinformationen (Stil) der Webseite aus der HTML-Datei verschieben, um Stil und Inhalt zu trennen. Dies kann die Dateigröße reduzieren, Netzwerkbandbreite sparen und Duplikate von Stilcodes vermeiden Um die Wartung zu vereinfachen, können Sie denselben Inhalt mit unterschiedlichen Stilen verwenden, um unterschiedliche Zwecke zu erreichen.
Warum CSS verwenden?
CSS hilft Ihnen, den Informationsgehalt eines Dokuments von der trivialen Angelegenheit seiner Präsentation zu trennen. Die kleinen Dinge bei der Präsentation eines Dokuments werden als Stil des Dokuments bezeichnet.
css verschiebt die meisten oder sogar alle Präsentationsinformationen einer Webseite aus der (X)HTML-Datei und speichert sie in einem Stylesheet. Die Trennung von Stilen und Inhalten hat folgende Vorteile:
Reduzieren Sie die Dateigröße, sparen Sie Netzwerkbandbreite
Vermeiden Sie Duplikate
Erleichtern Sie die Wartung.
Die Leistungsinformationen der Website werden vom Kerninhalt getrennt, sodass Website-Designer in kurzer Zeit verschiedene Änderungen an der gesamten Website vornehmen können.
Sie können denselben Inhalt mit unterschiedlichen Stilen verwenden, um unterschiedliche Zwecke zu erreichen.
CSS vereinfacht den Formatierungscode der Webseite, und das externe Stylesheet wird auch vom Browser im Cache gespeichert, was die Geschwindigkeit beschleunigt Download- und Anzeigegeschwindigkeit und reduziert außerdem die Menge an Code, die hochgeladen werden muss (da wiederholte Formate nur einmal gespeichert werden). Solange Sie die CSs-Stylesheet-Datei ändern, die das Website-Format speichert, können Sie den Stil und die Eigenschaften der gesamten Website ändern. Dies ist besonders nützlich, wenn Sie eine Website mit einer großen Anzahl von Seiten ändern. Dadurch wird vermieden, dass Webseiten einzeln geändert werden müssen, und der Arbeitsaufwand wird erheblich reduziert.
Ihre Website kann Tausende ähnlicher Seiten haben. Mithilfe von CSS können Sie Stilinformationen in einer gemeinsamen Datei speichern, die von allen Seiten gemeinsam genutzt wird. Wenn ein Benutzer eine Webseite öffnet, lädt der Browser des Benutzers nur Stile für den Seiteninhalt. Wenn ein Benutzer eine Webseite druckt, sollten Sie verschiedene Stile bereitstellen, um sicherzustellen, dass die gedruckte Seite lesbar ist.
Normalerweise verwenden Sie HTML, um den Inhalt der Seite und nicht den Stil zu beschreiben, und verwenden CSS, um den Stil der Seite und nicht den Inhalt anzugeben. Natürlich gibt es Ausnahmen, und HTML kann auch einige Methoden zum Festlegen von Stilen bereitstellen. In HTML können Sie beispielsweise das Tag verwenden, um Text fett darzustellen, oder Sie können die Hintergrundfarbe der Seite im Tag angeben. Wenn Sie CSS verwenden, vermeiden Sie im Allgemeinen die Verwendung der HTML-Stilfunktionen, sodass alle Stilinformationen an einem Ort gespeichert werden.
Übung: Erstellen Sie ein Stylesheet für ein HTML-Dokument
Erstellen Sie ein Stylesheet
1. Diese Datei ist Ihr Stylesheet. Nennen Sie es style1.css
2. Kopieren Sie die folgende Codezeile und speichern Sie die Datei:
strong { color: red; }Verknüpfen Sie Ihr Dokument und Ihr Stylesheet
1 Ihre Unterlagen. Benennen Sie es nach Belieben
2. Kopieren Sie den folgenden Code und kopieren Sie ihn. Bitte zitieren Sie Ihr eigenes Stylesheet in der Zeile <
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sample document</title>
<link rel="stylesheet" href="style1.css">
</head>
<body>
<p>
<strong>C</strong>ascading
<strong>S</strong>tyle
<strong>S</strong>heets
</p>
</body>
</html>Programmierkurse! !
Das obige ist der detaillierte Inhalt vonWarum CSS verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
