logo

Typer af CSS (Cascading Style Sheet)

Cascading Style Sheets (CSS) er et sprog, der bruges til at style websider, der indeholder HTML-elementer, der definerer, hvordan elementer vises på websider, herunder layout, farver, skrifttyper og andre egenskaber for elementerne på en webside. CSS fungerer ved at målrette HTML-elementer og anvende stilregler for at definere, hvordan de skal vises, herunder egenskaber som farve, størrelse, layout og placering.

Der er tre typer CSS, som er angivet nedenfor:

Indholdsfortegnelse



Inline CSS:

Inline CSS er en metode til at anvende styling direkte på individuelle HTML-elementer ved hjælp af style-attributten i HTML-tagget, hvilket giver mulighed for specifik styling af individuelle elementer i HTML-dokumentet og tilsidesætter eventuelle eksterne eller interne typografier.

Eksempel på inline CSS:

Dette eksempel viser brugen af ​​inline CSS ved hjælp af et HTML-dokument.

html




> <>html>>> <>head>>> ><>title>>Inline CSStitel> hoved>

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

>

>

Produktion:

eksempel på en inline CSS-egenskab

Eksempel på inline CSS-forklaring:

I ovenstående eksempel følger vi disse trin

  • Her bruger vi Inline CSS direkte til afsnitselementet.
  • Ændrer farve til grøn, skriftstørrelse til 50px, stil til kursiv og centrering.
  • Styling tilsidesætter ekstern og intern CSS.

Intern eller indlejret CSS:

Intern eller indlejret CSS er defineret i HTML-dokumentets element. Det anvender stilarter til specificerede HTML-elementer. CSS-regelsættet skal være i HTML-filen i head-sektionen, dvs. CSS'en er indlejret i tagget inde i head-sektionen af ​​HTML-filen.

Eksempel på intern eller indlejret CSS:

Dette eksempel viser brugen af ​​intern CSS ved hjælp af et HTML-dokument.

html




> <>html>>> <>head>>> ><>title>>Intern CSStitel>