So definieren sie einen css-klasse-stil

Klassen sind eine schöne Funktion in HTML, mit der Sie einem Element einen bestimmten Namen zuweisen können. Sie können mit CSS gestaltet werden. Wenn Sie nicht wissen, wie Sie diese Funktionen verwenden, hilft Ihnen dieser Artikel Ihnen.

Schritte

  1. Bildtitel Definieren Sie einen CSS-Klasse-Stil Schritt 1
1. Machen Sie Ihr HTML-Dokument.
  • Bildtitel Definieren Sie einen CSS-Klasse-Stil Schritt 2
    2. Erstellen Sie das grundlegende HTML-Skelett. Als Erinnerung ist es ein öffnendes HTML-Tag, ein Öffnungskopf-Tag, ein Schließkopf-Tag, ein Öffnungskörper-Tag, ein Schließkörper-Tag und ein schließendes HTML-Tag.
  • Bildtitel Definieren Sie einen CSS-Klasse-Stil Schritt 3
    3. Erstellen Sie ein HTML-Element. Es kann ein Absatz sein, überführt oder was auch immer Sie wollen.
  • Bildtitel Definieren Sie einen CSS-Klasse-Stil Schritt 4
    4. Geben Sie das HTML-Element eine Klasse an. Tun Sie dies, indem Sie einfügen "Klasse ="Klassenname" In dem Öffnungskennzeichen für Ihr Element.
  • Bildtitel Definieren Sie einen CSS-Klasse-Stil Schritt 5
    5. A "Stil" Tag zwischen den Kopf-Tags. Sie setzen Ihre CSS hier.
  • Bildtitel Definieren Sie einen CSS-Klasse-Stil Schritt 6
    6. Rufen Sie Ihren Unterricht an. Dies geschieht durch Setzen ".Klassenname { }" Im CSS-Dokument.
  • Bildtitel Definieren Sie einen CSS-Klasse-Stil Schritt 7
    7. Legen Sie die Stile, die Sie zwischen den gelockten Klammern finden.
  • Bildtitel Definieren Sie einen CSS-Klasse-Stil Schritt 8
    8. Genießen Sie Ihr gestalteter HTML-Element!

    • Video

    Mit diesem Service können einige Informationen mit YouTube geteilt werden.

    Tipps

    Sie können genau mit den ID-Styles tun. Um einen ID-Stil in CSS anzurufen, setzen Sie sich an "#idname {}" In Ihrem CSS-Dokument.
    In Verbindung stehende Artikel