Hvordan bygge et internt CSS stilark

Hva er interne stilark

Interne stilark er stilarter som er plassert i HTML-dokumentet. Disse stilene påvirker bare dokumentet de er i, og kan ikke refereres av noe annet webdokument.

Fordeler med interne stilark

Interne stilark påvirker bare siden de er på.
- Hvis du jobber på et stort nettsted og trenger å teste stiler før du laster dem på nettstedet som helhet, kan interne stilark være et godt verktøy. De lar deg teste stilene i sammenheng med hele nettstedet uten å bryte noen side, men den du tester.
Interne stilark kan bruke klasser og IDer.
- I motsetning til inline-stiler kan interne stilark fortsatt benytte seg av klasser, IDer, søsken og andre elementrelasjoner.
Interne stilark krever ikke at du laster opp flere filer.
- Dette er spesielt nyttig når du arbeider med ting som e-post eller kiosker der du bare har én HTML-fil tilgjengelig for redigering. Jeg bruker ofte inline-stiler når jeg ikke er sikker på hva nettadressen ville være et stilark som er lastet inn i et CMS - å holde stilene med dokumentet betyr at jeg vet hvilke stiler som påvirker dokumentet.
Interne stiler kan ha høyere prioritet enn eksterne stilark.
- Dette bestemmes av rekkefølgen som de eksterne stilarkene er lastet inn. Webutvikleren på siden har kontroll over hvor de interne stilene vil bli plassert i dokumentets hode. Hvis de blir plassert etter koblingen til eksterne stilarter, vil de ha høyere prioritet i kaskaden, og over-ride det eksterne stilarket.

Ulemper med interne stilark

De påvirker bare siden de er på.
- Hvis du vil bruke de samme stilene i flere dokumenter, må du gjenta dem for hver side (eller lenke til et eksternt stilark).
Interne stilark øker sidelastningstiden.
- Hver side som har et internt stilark må laste og analysere stilarkinformasjonen hver gang siden lastes inn. Ekstern stilark arkiveres av nettlesere - noe som forbedrer belastningstiden for hver side etter at den første er lastet.