logo

Typer CSS (Cascading Style Sheet)

Cascading Style Sheets (CSS) er et språk som brukes til å style nettsider som inneholder HTML-elementer, som definerer hvordan elementer vises på nettsider, inkludert layout, farger, fonter og andre egenskaper for elementene på en nettside. CSS fungerer ved å målrette HTML-elementer og bruke stilregler for å definere hvordan de skal vises, inkludert egenskaper som farge, størrelse, layout og plassering.

Det er tre typer CSS som er gitt nedenfor:

Innholdsfortegnelse



Inline CSS:

Innebygd CSS er en metode for å bruke stil direkte på individuelle HTML-elementer ved å bruke stilattributtet i HTML-taggen, som tillater spesifikk stiling av individuelle elementer i HTML-dokumentet, og overstyrer eventuelle eksterne eller interne stiler.

Inline CSS-eksempel:

Dette eksemplet viser bruken av innebygd CSS ved hjelp av et HTML-dokument.

html




> <>html>>> <>head>>> ><>title>>Inline CSStitle> head>

font-size:50px; font-stil:kursiv; text-align:center;'> GeeksForGeeks p> body> html>>

>

>

Produksjon:

eksempel på inline CSS-egenskap

Eksempel på inline CSS-forklaring:

I eksemplet ovenfor følger vi disse trinnene

  • Her bruker vi Inline CSS direkte til avsnittselementet.
  • Endrer farge til grønn, skriftstørrelse til 50px, stil til kursiv og senterjustering.
  • Styling overstyrer ekstern og intern CSS.

Intern eller innebygd CSS:

Intern eller innebygd CSS er definert i HTML-dokumentets element. Den bruker stiler på spesifiserte HTML-elementer. CSS-regelsettet skal være innenfor HTML-filen i head-delen, dvs. CSS-en er innebygd i taggen i head-delen av HTML-filen.

Eksempel på intern eller innebygd CSS:

Dette eksemplet viser bruken av intern CSS ved hjelp av et HTML-dokument.

html




> <>html>>> <>head>>> ><>title>>Intern CSS-tittel>