Heim >Web-Frontend >CSS-Tutorial >So fügen Sie ein Stylesheet in CSS ein

So fügen Sie ein Stylesheet in CSS ein

(*-*)浩
(*-*)浩Original
2019-11-26 16:05:162445Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn