Heim >Web-Frontend >CSS-Tutorial >So fügen Sie ein Stylesheet in CSS ein
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 2cdf5bf648cf2f33323966d7f58a7f3f-Tag auf das Stylesheet. Das 2cdf5bf648cf2f33323966d7f58a7f3f-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 c9ccee2e6ea535a969eb3f532ad9fe89-Tag verwenden, etwa so:
<head> <style type="text/css"> hr {color: sienna;} p {margin-left: 20px;} body {background-image: url("images/back40.gif");} </style> </head>
Inline-Stile
Da Sie mischen möchten Präsentation mit Inhalt Zusammengenommen verlieren Inline-Stile viele Vorteile von Stylesheets. Verwenden Sie diesen Ansatz mit Vorsicht, beispielsweise wenn der Stil nur einmal auf ein Element angewendet werden muss.
Um Inline-Stile zu verwenden, müssen Sie das Stilattribut innerhalb des entsprechenden Tags verwenden. Die Style-Eigenschaft kann eine beliebige CSS-Eigenschaft enthalten. Dieses Beispiel zeigt, wie man die Farbe und den linken Rand eines Absatzes ändert:
<p style="color: sienna; margin-left: 20px"> This is a paragraph </p>
Das obige ist der detaillierte Inhalt vonSo fügen Sie ein Stylesheet in CSS ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!