Heim > Artikel > Web-Frontend > Wie HTML CSS verwendet
Wie HTML CSS verwendet
- (*-*)浩Original
- 2019-08-26 16:03:592703Durchsuche
Mit HTML4.0 kann der gesamte Formatierungscode aus dem HTML-Dokument in ein separates Stylesheet (.css) verschoben werden.
So verwenden Sie Stile(Empfohlenes Lernen: HTML-Einführungs-Tutorial)
Wenn die Browser Nach dem Lesen eines Stylesheets formatiert er das Dokument entsprechend dem Stylesheet. Es gibt drei Möglichkeiten, ein Stylesheet einzufügen:
Externes Stylesheet
Wenn der Stil auf viele Seiten angewendet werden muss, wird dies das externe Stylesheet tun ideale Wahl sein. Mit externen Stylesheets können Sie das Aussehen Ihrer gesamten Website ändern, indem Sie eine Datei ändern.
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
Internes Stylesheet
Wenn eine einzelne Datei einen besonderen Stil erfordert, können Sie ein internes Stylesheet verwenden. Sie können interne Stylesheets über das Tag c9ccee2e6ea535a969eb3f532ad9fe89 definieren.
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>Inline-Stile
Inline-Stile können verwendet werden, wenn spezielle Stile auf einzelne Elemente angewendet werden müssen. Die Verwendung von Inline-Stilen erfolgt über die Verwendung des Stilattributs im entsprechenden Tag. Stileigenschaften können beliebige CSS-Eigenschaften enthalten. Das folgende Beispiel zeigt, wie Sie die Farbe und den linken Rand eines Absatzes ändern.
<p style="color: red; margin-left: 20px"> This is a paragraph </p>
Das obige ist der detaillierte Inhalt vonWie HTML CSS verwendet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!