So fügen Sie ein Stylesheet ein
Wenn ein Stylesheet gelesen wird, formatiert der Browser das HTML-Dokument entsprechend. Es gibt drei Möglichkeiten, ein Stylesheet einzufügen:
Externes Stylesheet (Empfohlenes Lernen: CSS-Einführungs-Tutorial)
Wenn das Der Stil muss angewendet werden. Wenn Sie mit vielen Seiten arbeiten, wäre ein externes Stylesheet ideal. 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 Texteditor bearbeitet werden. Die Datei darf keine HTML-Tags enthalten. Stylesheets sollten mit der Erweiterung .css gespeichert werden. Hier ist ein Beispiel einer Stylesheet-Datei:
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}Lassen Sie keine Leerzeichen zwischen Attributwerten und Einheiten. 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. Sie können am Kopf des Dokuments ein internes Stylesheet definieren, indem Sie das