Hur man bygger ett internt CSS stilark

Vad är interna stilark

Interna stilark är stilar som placeras i HTML-dokumentet. Dessa stilar påverkar endast dokumentet de är i, och kan inte refereras av något annat webbdokument.

Fördelar med interna stilark

Interna stilarkar påverkar endast den sida de är på.
- Om du arbetar på en stor webbplats och behöver testa stilar innan du laddar dem på webbplatsen som helhet kan interna stilark vara ett bra verktyg. De tillåter dig att testa stilar i sammanhanget med hela webbplatsen utan att bryta någon sida men den du testar.
Interna stilark kan använda klasser och ID-skivor.
- Till skillnad från inline-stilar kan interna stilark fortfarande utnyttja klasser, id, syskon och andra elementrelationer.
Interna stilark kräver inte att du laddar upp flera filer.
- Det här är särskilt användbart när du arbetar med saker som e-post eller kiosker där du bara har en HTML-fil tillgänglig för redigering. Jag använder ofta inline-stilar när jag inte är säker på hur webbadressen skulle vara ett stilark som laddats in i ett CMS - att hålla stilar med dokumentet betyder att jag vet vilka stilar som påverkar det dokumentet.
Interna stilar kan ha högre prioritet än externa stilark.
- Detta bestäms av den ordning som de externa stilarken är laddade. Webbutvecklaren på sidan har kontroll över var de interna formaten placeras i huvudet på dokumentet. Om de placeras efter länken till externa format, kommer de att ha högre prioritet i kaskaden och överköra det externa stilarket.

Nackdelar med inre stilark

De påverkar endast den sida de är på.
- Om du vill använda samma stilar i flera dokument måste du upprepa dem för varje sida (eller länka till ett externt stilark).
Interna stilarkar ökar sidlastningstiderna.
- Varje sida som har ett internt stilark måste ladda och analysera stilarkinformationen varje gång sidan laddas. Externa stilarkar cachas av webbläsare - vilket förbättrar belastningstider för varje sida efter det att den första laddats.