) im Abschnitt von das HTML-Dokument. Zu den Vorteilen gehören die Wartbarkeit des Codes, Flexibilität und eine verbesserte Ladegeschwindigkeit."/> ) im Abschnitt von das HTML-Dokument. Zu den Vorteilen gehören die Wartbarkeit des Codes, Flexibilität und eine verbesserte Ladegeschwindigkeit.">
简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Heim
Artikel
Fragen und Antworten
Kurs
Thema
Herunterladen
Spiel
Wörterbuch
kürzliche Updates

Heim  >  Artikel  >  Web-Frontend  >  So führen Sie externes CSS in HTML ein

So führen Sie externes CSS in HTML ein

下次还敢
下次还敢Original
2024-04-11 10:20:40938Durchsuche

Die Einführung von externem CSS in HTML erfordert nur drei Schritte: Erstellen Sie eine CSS-Datei, fügen Sie den Code hinzu und verknüpfen Sie die Datei im Abschnitt <head> (). Zu den Vorteilen gehören die Wartbarkeit des Codes, Flexibilität und eine verbesserte Ladegeschwindigkeit.

So führen Sie externes CSS in HTML ein

So führen Sie externes CSS in HTML ein

Die Einführung von externem CSS in HTML hilft dabei, Stil und Inhalt zu trennen, wodurch der Code einfacher zu warten und zu verwalten ist. Hier sind die Schritte dazu:

  1. Erstellen Sie eine CSS-Datei:

Erstellen Sie eine neue CSS-Datei mit einem Texteditor oder Code-Editor und speichern Sie sie mit der Erweiterung „.css“. 

<code>mystyles.css</code>
  1. CSS-Code hinzufügen:

Fügen Sie die erforderlichen Stilregeln in der CSS-Datei hinzu. 

<code class="css">body {
  font-family: Arial, sans-serif;
}

h1 {
  color: blue;
}</code>
  1. Externe CSS-Dateien verknüpfen:

Externe CSS-Dateien im <head> 部分中，使用 <link>-Element des HTML-Dokuments verknüpfen. 

<code class="html"><head>
  <link rel="stylesheet" href="mystyles.css">
</head></code>
  1. Speichern Sie das HTML-Dokument:

Speichern Sie das HTML-Dokument, damit der Browser die externe CSS-Datei lesen kann.

Vorteile:

Die Einführung von externem CSS hat folgende Vorteile:

  • Wartbarkeit des Codes: Durch die Trennung von Stil und Inhalt lässt sich Code einfacher verwalten und aktualisieren.
  • Flexibilität: Die gleiche CSS-Datei kann in mehreren HTML-Dokumenten wiederverwendet werden, wodurch ein einheitlicher Stil gewährleistet wird.
  • Ladegeschwindigkeit: CSS-Dateien können separat heruntergeladen und zwischengespeichert werden, was die Ladegeschwindigkeit von Webseiten verbessern kann.

Das obige ist der detaillierte Inhalt vonSo führen Sie externes CSS in HTML ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

css html
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So passen Sie die Schriftfarbe in HTML anNächster Artikel：So passen Sie die Schriftfarbe in HTML an

In Verbindung stehende Artikel

Mehr sehen