简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Einführung in CSS-Stylesheets und mehrere Stilprioritäten

王林
Freigeben： 2020-05-30 16:11:25
Original
2773 Leute haben es durchsucht

Einführung in CSS-Stylesheets und mehrere Stilprioritäten

Es gibt drei Möglichkeiten, ein Stylesheet einzufügen, nämlich:

1. Internes Stylesheet; >

3. Inline-Stile

Externe Stylesheets

Mit externen Stylesheets können Sie das Erscheinungsbild der gesamten Site ändern, indem Sie eine Datei ändern. Jede Seite verlinkt mit dem -Tag auf das Stylesheet. Das -Tag befindet sich im Kopf (des Dokuments):

Das Beispiel lautet wie folgt: 

<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>
Nach dem Login kopieren

Der Browser liest die Stildeklaration aus der Datei mystyle.css und formatiert das Dokument entsprechend.

Externe Stylesheets können in jedem Texteditor bearbeitet werden. Die Datei darf keine HTML-Tags enthalten. Stylesheets sollten mit der Erweiterung .css gespeichert werden. Das Folgende ist ein Beispiel für eine Stylesheet-Datei: 

hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("/images/back40.gif");}
Nach dem Login kopieren

Hinweis: Lassen Sie kein Leerzeichen zwischen dem Attributwert und der Einheit (z. B. „margin-left: 20 px“) Die korrekte Schreibweise lautet „margin-left: 20px“.

(Empfohlenes Video-Tutorial: CSS-Video-Tutorial

)

Internes Stylesheet

Wenn ein einzelnes Dokument benötigt wird Besonderes Beim Styling sollten Sie ein internes Stylesheet verwenden. Sie können am Kopf des Dokuments ein internes Stylesheet mit dem Tag