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.

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial

Detaillierte Einführung in HTML-Stile und CSS

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