Hur man definierar en css-klassstil

Klasser är en bra funktion i HTML som låter dig tilldela ett visst namn till ett element. De kan bli stilade med CSS. Om du inte vet hur du använder dessa funktioner, kommer den här artikeln att hjälpa dig.

Steg

  1. Bildtiteln Definiera en CSS-klassstil Steg 1
1. Gör ditt HTML-dokument.
  • Bild med titeln Definiera en CSS-klassstil Steg 2
    2. Skapa det grundläggande HTML-skelettet. Som en påminnelse är det en öppnings HTML-tagg, en öppningshuvudmärke, en stängningshuvudmärke, en öppningskroppsmärke, en stängningskroppsmärke och en stängning av HTML-tagg.
  • Bild med titeln Definiera en CSS-klassstil Steg 3
    3. Skapa ett HTML-element. Det kan vara en stycke, rubrik eller vad du vill.
  • Bild med titeln Definiera en CSS-klassstil Steg 4
    4. Ge HTML-elementet en klass. Gör detta genom att sätta in "klass ="klassnamn" Inuti öppningsetiketten för ditt element.
  • Bild med titeln Definiera en CSS-klassstil Steg 5
    5. Sätta en "stil" Tag mellan huvudetiketterna. Du lägger din CSS här.
  • Bild med titeln Definiera en CSS-klassstil Steg 6
    6. Ring din klass. Detta görs genom att sätta ".klassnamn { }" I CSS-dokumentet.
  • Bild med titeln Definiera en CSS-klassstil Steg 7
    7. Sätt de stilar som du vill ha mellan de lockiga parenteserna.
  • Bild med titeln Definiera en CSS-klassstil Steg 8
    8. Njut av ditt stilade HTML-element!

    • Video

    Genom att använda den här tjänsten kan viss information delas med YouTube.

    Tips

    Du kan göra exakt samma sak med ID-stilar. Att ringa en ID-stil i CSS, sätt "#idname {}" I ditt CSS-dokument.
    Dela på det sociala nätverket:
    Liknande