Ausführliche Erklärung zur Verwendung des Style-Attributs von HTML-Tags (mit konkreten Beispielen)-HTML-Tutorial-php.cn

Dieser Artikel erklärt Ihnen die Definition und Funktion des Stilattributs von HTML-Tags sowie Beispiele für die Verwendung des Stilattributs in HTML und verschiedene Stilanalysen des Stilattributs in HTML-Tags. Schauen wir uns diesen Artikel gemeinsam an

Lassen Sie uns zunächst die Definition des Stilattributs des HTML-Tags vorstellen:

Das Stilattribut gibt den Inline-Stil an des Elements. ) Das Attribut

style überschreibt alle globalen Stileinstellungen, z. B. diejenigen, die im -Tag angegeben sind.

Beispiel für ein HTML-Stilattribut

Verwendung des Stilattributs in HTML-Dokumenten:

This is a header This is a paragraph.

Nach dem Login kopieren Die Syntax des HTML-Tag-Stilattributs:

Nach dem Login kopieren Attributwert des HTML-Tag-Stilattributs:

style_definition: Ein oder mehrere CSS-Attribute und -Werte, getrennt durch Semikolon.

Verschiedene Stilanalyse des Stilattributs in HTML

1. Das Stilattribut kann den Schriftstil (Schriftfamilie:) festlegen. Schriftgröße (font-size:), Textfarbe (color:) usw. Es kann in jedem anderen

-Tag oder in einem CSS-Stylesheet festgelegt werden. Da meine Artikel alle unter http://www.codecademy.com geschrieben sind, habe ich CSS noch nicht eingeführt, daher werde ich hier vorerst nicht auf CSS eingehen, sondern es einfach im Tag festlegen. Das Folgende ist der Beispielcode und schematisches Diagramm:

color the text Hello World! 你好！！！！

Nach dem Login kopieren Hinweis:

a) Der Browser, den ich verwende, ist Chrome, und beim Bearbeiten und Anzeigen stelle ich immer fest, dass die eingestellte 10px-Schriftart nicht angewendet wird In den Einstellungen habe ich festgestellt, dass

bedeutet, dass die in Chrome festgelegte Mindestschriftart 12 Pixel beträgt, sodass die Schriftgröße von 10 Pixeln nutzlos ist. Ändern Sie einfach die Mindestschriftart des Chrome-Browsers auf eine kleinere Größe.

b) Die Zuweisungsmethode im Stilattribut lautet: Attributname: Wert, anstelle des üblichen Gleichheitszeichens =. Wenn das Gleichheitszeichen verwendet wird, wird der Stileffekt nicht ausgeführt.

2. Die Hintergrundfarbe kann auch im Stil festgelegt werden. Das Festlegen seines Farbwerts kann die Hintergrundfarbe innerhalb des gesamten Etikettenbereichs ändern 🎜>Die für die Hintergrundfarbe angegebene Farbe. Das Folgende ist der Beispielcode und das schematische Diagramm: color the text Hello World! 你好！！！！

Nach dem Login kopieren

3. Textausrichtung

Einige Etikettenattribute verfügen über das align-Attribut, das die Textausrichtung festlegen kann und auch Ähnliche Eigenschaften gesetzt werden. Der Wert dieses Attributs ist text-align. Seine -Werte umfassen links, Mitte und rechts. Das Folgende ist der Beispielcode und das schematische Diagramm:

color the text Hello World! 你好！！！！

Nach dem Login kopieren

Zwei spezifische Verwendungsbeispiele des Stilattributs von HTML:

练习使用HTML /*标签选择器*/ h4 { color: blue; text-align: right; } 测试html的style属性

h41 h42 Nach dem Login kopieren [Verwandte Empfehlungen des Herausgebers]

Welche Rolle spielt der HTML5-Details-Tag? Einführung in die Verwendung von Tags (mit Anwendungsbeispielen)

Was ist die HTML-Tabelle? So verwenden Sie verschiedene Attribute in Tags