Detaillierte Einführung in HTML-Stile und CSS

So verwenden Sie CSS

<p style="line-height: 16px; font-size: 12px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"> CSS wurde erstmals in HTML 4 verwendet und eingeführt, um das HTML-Element .

<p style="line-height: 16px; font-size: 12px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"> besser darzustellen CSS kann zu HTML hinzugefügt werden über:

<ul style="line-height: 16px; font-size: 12px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" class=" list-paddingleft-2"> Inline-Stile – verwenden Sie das Attribut „style“

Internes Stylesheet – verwenden Sie element , um CSS einzubinden

Externe

Referenzen – verwenden Sie externe CSS -Dateien Am besten referenzieren Sie die CSS-Datei extern.

<p style="line-height: 16px; font-size: 12px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"> Inline-Stile

Inline-Stile werden verwendet, wenn spezielle Stile auf einzelne Elemente angewendet werden müssen. Die Möglichkeit, Inline-Stile zu verwenden, besteht darin, das Stilattribut im entsprechenden Tag zu verwenden. Stileigenschaften können beliebige CSS-Eigenschaften enthalten. Das folgende Beispiel zeigt, wie Sie die Farbe und den linken

Rand eines Absatzes <h2 style="font-size: 22px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-top: 10px; margin-bottom: 10px; font-weight: bold; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-style: normal; font-variant: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;"> ändern. <p style="line-height: 16px; font-size: 12px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"> margin-left :20px;">Dies ist ein Absatz.

Internes Stylesheet Interne Stylesheets werden verwendet, wenn eine einzelne Datei einen besonderen Stil erfordert. Sie können ein internes Stylesheet über das -Tag im Abschnitt definieren

Körper {Hintergrundfarbe:gelb;} p {Farbe:blau;}

Externes Stylesheet Externe Stylesheets sind ideal, wenn Stile auf viele Seiten angewendet werden müssen. Mithilfe externer Stylesheets können Sie das Erscheinungsbild Ihrer gesamten Website ändern, indem Sie eine Datei ändern.

HTML-Stil-Tags 标签 描述 定义文本样式 定义资源引用地址 Veraltete Tags und Attribute In HTML 4 sind die Tags und Attribute, die ursprünglich die Definition von Stilen für HTML-Elemente unterstützten, veraltet. Diese Tags unterstützen die neue Version des HTML-Tags nicht.

Nicht empfohlene Tags sind: , ,

Veraltete Attribute: color und bgcolor.