Sådan opbygges et internt CSS-stilark

Hvad er interne stilark

Interne stilark er stilarter, der er placeret i HTML-dokumentet. Disse stilarter har kun indflydelse på det dokument, de er i, og kan ikke henvises til af et andet webdokument.

Fordele ved interne stilark

Interne stilark påvirker kun den side, de er på.
- Hvis du arbejder på et stort websted og har brug for at teste stilarter, før du læser dem på webstedet som helhed, kan interne stilark være et godt værktøj. De giver dig mulighed for at teste stilarterne i sammenhæng med hele webstedet uden at bryde nogen side, men den du tester.
Interne stilark kan bruge klasser og id'er.
- I modsætning til inline-stilarter kan interne stilark stadig udnytte klasser, id'er, søskende og andre elementrelationer.
Interne stilark kræver ikke, at du uploader flere filer.
- Dette er især nyttigt, når du arbejder med ting som e-mail eller kiosker, hvor du kun har en HTML-fil tilgængelig til redigering. Jeg bruger ofte inline-stilarter, når jeg ikke er sikker på, hvordan webadressen ville være et stylesheet i et CMS - at holde stilarterne med dokumentet betyder, at jeg ved, hvilke stilarter der påvirker dette dokument.
Interne stilarter kan have højere prioritet end eksterne stilark.
- Dette bestemmes af den rækkefølge, som de eksterne stilark er indlæst. Webudvikleren på siden har kontrol over, hvor de interne stilarter vil blive placeret i hovedet på dokumentet. Hvis de placeres efter linket til eksterne stilarter, vil de have højere prioritet i kaskade og over-ride det eksterne stilark.

Ulemper ved interne stilark

De påvirker kun den side, de er på.
- Hvis du vil bruge de samme stilarter i flere dokumenter, skal du gentage dem for hver side (eller link til et eksternt stilark).
Interne stilark øger sidetilpasningstiderne.
- Hver side, der har et internt stilark, skal indlæse og analysere stilarkoplysningerne hver gang siden er indlæst. Eksterne stilark arkiveres af browsere - hvilket forbedrer belastningstider for hver side efter den første er indlæst.