logo

Typer av CSS (Cascading Style Sheet)

Cascading Style Sheets (CSS) är ett språk som används för att utforma webbsidor som innehåller HTML-element, som definierar hur element visas på webbsidor, inklusive layout, färger, teckensnitt och andra egenskaper för elementen på en webbsida. CSS fungerar genom att rikta HTML-element och tillämpa stilregler för att definiera hur de ska visas, inklusive egenskaper som färg, storlek, layout och positionering.

Det finns tre typer av CSS som anges nedan:

Innehållsförteckning



Inline CSS:

Inline CSS är en metod för att applicera stil direkt på individuella HTML-element med hjälp av stilattributet i HTML-taggen, vilket möjliggör specifik stil för individuella element i HTML-dokumentet och åsidosätter eventuella externa eller interna stilar.

Exempel på inline CSS:

Detta exempel visar användningen av inline CSS med hjälp av ett HTML-dokument.

html




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

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

>

>

Produktion:

exempel på inline CSS-egenskap

Inline CSS Exempel Förklaring:

I exemplet ovan följer vi dessa steg

  • Här använder vi Inline CSS direkt till paragrafelementet.
  • Ändrar färg till grönt, teckenstorlek till 50px, stil till kursiv och centrering.
  • Styling åsidosätter extern och intern CSS.

Intern eller inbäddad CSS:

Intern eller inbäddad CSS definieras i HTML-dokumentets element. Den tillämpar stilar på specificerade HTML-element. CSS-regeluppsättningen bör finnas i HTML-filen i head-sektionen, dvs. CSS är inbäddad i taggen i head-sektionen av HTML-filen.

Exempel på intern eller inbäddad CSS:

Detta exempel visar användningen av intern CSS med hjälp av ett HTML-dokument.

html




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