So führen Sie CSS im Kopfbereich ein-HTML-Tutorial-php.cn

So führen Sie CSS im Kopfbereich ein

青灯夜游

Freigeben： 2021-07-02 16:26:04

Original

3692 Leute haben es durchsucht

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

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>

Nach dem Login kopieren

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选择器{ 
  属性:值;
  属性:值;
  .....
}

Nach dem Login kopieren

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文件路径" />

Nach dem Login kopieren

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!