Wenn ein Stylesheet gelesen wird, formatiert der Browser das HTML-Dokument entsprechend.
So fügen Sie ein Stylesheet ein
Es gibt drei Möglichkeiten, ein Stylesheet einzufügen:
Externes Stylesheet
Internes Stylesheet
Inline-Stile
Externe Stylesheets
Ein externes Stylesheet ist ideal, wenn Stile auf viele Seiten angewendet werden müssen. Mit externen Stylesheets können Sie das Aussehen Ihrer gesamten Website ändern, indem Sie eine Datei ändern. Jede Seite verlinkt mit dem -Tag auf das Stylesheet. Das -Tag befindet sich im Kopf (des Dokuments):
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
Der Browser liest die Stildeklaration aus der Datei mystyle.css und formatiert das Dokument entsprechend.
Externe Stylesheets können in jedem Text-Editor bearbeitet werden. Die Datei darf keine HTML-Tags enthalten. Stylesheets sollten mit der Erweiterung .css gespeichert werden. Hier ist ein Beispiel für eine Stylesheet-Datei:
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("/images/back40.gif");}Lassen Sie keine Leerzeichen zwischen dem Wert des -Attributs und der Einheit. Wenn Sie „margin-left: 20 px“ anstelle von „margin-left: 20px“ verwenden, funktioniert es nur in IE 6, nicht jedoch in Mozilla/Firefox oder Netscape.
Interne Stylesheets
Wenn ein einzelnes Dokument einen besonderen Stil erfordert, sollte ein internes Stylesheet verwendet werden. Mit dem Tag