In diesem Artikel lernen wir das style-Attribut in HTML kennen , das ist das Attribut, das verwendet wird, um die Anzeige für die HTML-Tags selbst anzupassen.

Da wir CSS noch nicht gelernt haben, werde ich nicht zu viel über technisches Wissen wie Selektoren oder Methoden zum Hinzufügen von CSS sprechen. Stattdessen werde ich jeden Effekt anleiten und die CSS-Eigenschaften vorstellen, die diesen Effekt bewirken.

Was ist das style-Attribut in HTML?

Alle HTML-Tags haben dieses style-Attribut. Es wird verwendet, um CSS hinzuzufügen und die Standardanzeige dieses HTML-Tags zu ändern. Die Syntax ist wie folgt:

 <tagname style="CSS_PROPERTY">

Wobei CSS_PROPERTY der Code ist, der verwendet wird, um die Schnittstelle für das Tag selbst festzulegen. Legen Sie beispielsweise den Hintergrund fest, ändern Sie die Schriftfarbe, ändern Sie die Schriftgröße, legen Sie die Anzeigeposition auf der Oberfläche fest …

Der Wert von CSS_PROPERTY hat die Form key:value , wenn es viele CSSs gibt, verwenden Sie das ; um sie zu trennen.

Beispiel : Setzen Sie den Hintergrund für das div-Tag auf rot.

 <div style="background:red">Học HTML Style tại web888.vn</div>

So verwenden Sie das style-Attribut in HTML

Stil Hintergrund

Wenn Sie den Hintergrund auf das style-Attribut festlegen, können Sie die Hintergrundfarbe für dieses HTML-Tag ändern.

 <div style="background:red">Học HTML Style tại web888.vn</div>

Stil Schriftfarbe

Sie können die Schriftfarbe auch mit der Farbeigenschaft ändern.

 <div style="color:red">Học HTML Style tại web888.vn</div>

Schriftgröße gestalten

Die Eigenschaft font-size ändert die Schriftgröße. Bitte fügen Sie es in den Stil ein, um es anzuwenden.

 <div style="font-size: 50px">Học HTML Style tại web888.vn</div>

Fügen Sie dem style .-Attribut mehr CSS hinzu

Um dem Stil weitere Effekte hinzuzufügen, trennen Sie sie durch Semikolons. Siehe das Beispiel unten zum besseren Verständnis.

 <div style="font-size: 50px;color:red">Học HTML Style tại web888.vn</div>

Sie wissen also bereits, wie Sie das style-Attribut in HTML verwenden. Viel Glück!