Sådan defineres en css-klassestil

Klasser er en god funktion i HTML, der giver dig mulighed for at tildele et bestemt navn til et element. De kan styles ved hjælp af CSS. Hvis du ikke ved, hvordan du bruger disse funktioner, hjælper denne artikel dig.

Trin

  1. Billede med titlen Definer en CSS klasse stil trin 1
1. Lav dit HTML-dokument.
  • Billedet med titlen Definer en CSS klasse stil trin 2
    2. Opret det grundlæggende HTML Skeleton. Som en påmindelse er det en åbning HTML-tag, et åbningshovedmærke, et lukket hoveddag, et åbningsbody-tag, et lukkekroppen og en afsluttende HTML-tag.
  • Billede med titlen Definer en CSS klasse stil trin 3
    3. Opret et HTML-element. Det kan være et afsnit, overskrift, eller hvad du vil have.
  • Billede med titlen Definer en CSS klasse stil trin 4
    4. Giv HTML-elementet en klasse. Gør dette ved at indsætte "klasse ="ClassName" inde i åbningsmærket for dit element.
  • Billedet med titlen Definer en CSS klasse stil trin 5
    5. Sæt A "stil" Tag mellem hovedetiketter. Du vil sætte dine CSS her.
  • Billede med titlen Definer en CSS klasse stil trin 6
    6. Ring til din klasse. Dette gøres ved at sætte ".ClassName {}" I CSS-dokumentet.
  • Billede med titlen Definer en CSS klasse stil trin 7
    7. Sæt de stilarter, du ønsker mellem de krøllede parenteser.
  • Billedet med titlen Definer en CSS klasse stil trin 8
    8. Nyd dit stylede HTML-element!

    • Video

    Ved at bruge denne service kan nogle oplysninger deles med YouTube.

    Tips

    Du kan gøre det samme med ID-stilarter. At ringe til en id-stil i CSS, sæt "#IDNAME {}" I dit CSS-dokument.
    Del på sociale netværk :
    Lignende