Hoe om `n css-klasstyl te definieer

Klasse is `n goeie kenmerk in HTML wat jou toelaat om `n sekere naam aan `n element toe te ken. Hulle kan met CSS gestileer word. As jy nie weet hoe om daardie funksies te gebruik nie, sal hierdie artikel jou help.

Stappe

  1. Image getiteld Definieer `n CSS-klasstyl Stap 1
1. Maak jou HTML-dokument.
  • Beeld getiteld Definieer `n CSS-klasstyl Stap 2
    2. Skep die basiese HTML-skelet. As `n herinnering is dit `n opening HTML-tag, `n opening kop tag, `n sluiting kop tag, `n openingsliggaam tag, `n sluiting lyf tag, en `n sluiting html tag.
  • Beeld getiteld Definieer `n CSS-klasstyl Stap 3
    3. Skep `n HTML-element. Dit kan `n paragraaf, opskrif wees, of wat jy wil.
  • Beeld getiteld Definieer `n CSS-klasstyl Stap 4
    4. Gee die HTML-element `n klas. Doen dit deur in te voeg "klas ="Klasnaam" Binne die openingsteken vir jou element.
  • Beeld getiteld Definieer `n CSS-klasstyl Stap 5
    5. Sit `n "styl" Tag tussen die kop tags. Jy sal jou CSS hier sit.
  • Beeld getiteld Definieer `n CSS-klasstyl Stap 6
    6. Bel jou klas. Dit word gedoen deur te sit ".Klasnaam {}" In die CSS-dokument.
  • Beeld getiteld Definieer `n CSS-klasstyl Stap 7
    7. Sit die style jou wil tussen die krullerige hakies.
  • Beeld getiteld Definieer `n CSS-klasstyl Stap 8
    8. Geniet jou gestileerde HTML-element!

    • Video

    Deur hierdie diens te gebruik, kan sommige inligting met YouTube gedeel word.

    Wenke

    Jy kan presies dieselfde ding doen met ID-style. Om `n ID-styl in CSS te bel, sit "#Inname {}" In u CSS-dokument.
    Deel op sosiale netwerke:
    Soortgelyk