"."/> ".">
suchen

Heim >Web-Frontend >HTML-Tutorial >So führen Sie CSS im Kopfbereich ein

So führen Sie CSS im Kopfbereich ein

青灯夜游
青灯夜游Original
2021-07-02 16:19:193852Durchsuche

Einführungsmethode: 1. Verwenden Sie das Style-Tag, um die Syntax „c9ccee2e6ea535a969eb3f532ad9fe89css code531ac245ce3e4fe3d50054a55f265927“ einzuführen. 2. Verwenden Sie den Link, um die Syntax „812c1c46ed3f37ff54d7b1a548e934b3".

So führen Sie CSS im Kopfbereich ein

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Es gibt zwei Möglichkeiten, CSS im Kopfbereich einzuführen:

  • Internes Stylesheet – definiert mit dem Style-Tag

  • Externes Stylesheet – eingeführt mit dem Link-Tag

1. Intern Stylesheet – Mit Style-Tag definieren

Schreiben Sie den CSS-Code in das Head-Tag des HTML-Dokuments und definieren Sie ihn mit dem Style-Tag. Das grundlegende Syntaxformat lautet wie folgt:

<head>  
<style type="text/css"> 
css代码
</style> 
</head>

In der Syntax das Style-Tag befindet sich im Allgemeinen nach dem Head-Tag oder kann an einer beliebigen Stelle in Ihrem HTML-Dokument platziert werden.

Das allgemeine Format des CSS-Codes: 

css选择器{ 
  属性:值;
  属性:值;
  .....
}

2. Externes Stylesheet – eingeführt mit dem Link-Tag

Fügen Sie alle Stile über den Link-Tag in eine oder mehrere externe Stylesheet-Dateien mit CSS als Erweiterung ein Externe Stile für das HTML-Dokument. Das grundlegende Syntaxformat lautet wie folgt: 

<link rel="stylesheet" type="text/css" href="css文件路径" />

  • rel-Attribut: Definiert die Beziehung zwischen dem aktuellen Dokument und anderen verknüpften Dokumenten. „Stylesheet“ bedeutet: Das verknüpfte Dokument ist eine Stylesheet-Datei

  • href-Attribut: Definiert die URL der verknüpften externen Stylesheet-Datei, die ein relativer oder ein absoluter Pfad sein kann

(Freigabe von Lernvideos: CSS-Video-Tutorial, HTML-Video-Tutorial)

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

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 legen Sie die Größe des HTML-Textbereichs festNächster Artikel：So legen Sie die Größe des HTML-Textbereichs fest

In Verbindung stehende Artikel

Mehr sehen