Fordeler og ulemper med CSS
De virkelige fordelene med CSS blir mest berørt i eksterne stilsett, hvor du kan forandre en tagg eller innhold på en side med bare et par linjer, istedet for å redigere alle html filer manuelt.
Selv om du styrer hele layouten på en side med både inline og embedded stilsett, vil du likevel måtte åpne og redigere hver enkelt html fil for å forandre noe layoutmessig.
Hvorfor ta seg bryet når HTML funker bra?
De største fordelene er:
- CSS sparer tid og arbeide. Da et ubegrenset antall HTML-filer kan
lenkes til samme CSS-fil kan du bestemme utseendet til en hel website
samtidig.
Tenk deg at du har laget ti HTML-filer med tekst. Du har brukt fonten Times New Roman. Så vil du forandre fonten til Arial. Nå må du gå inn i ti filer og endre dem.
Men har du bestemt fonten med en CSS-fil og lenket den til filene, kan forandringen gjøres ved å skifte ut "Times New Roman" med "Arial" i en eneste linje i CSS-fila. Tilsvarende gjelder for bakgrunnsfarge, lenker osv.
- CSS gir et konsistent grensesnitt. Alle filer som styres av samme CSS-fil, kan få samme layout.
Det gjør slutt på tiden da størrelse, kursiv, utheving o.l. varierer fra side
til side, fordi du har ikke passet på å putte nøyaktig samme tags i alle
filer.
- CSS gir renere kode. Tags'ene som styrer font, bakgrunnsfarge o.l.
gjør koden rotete og gir ofte et inkonsekvent utseende med ulike nettlesere.
Med CSS kan HTML-koden gjøres så enkel som mulig. Det er i CSS-filen at de
avanserte tagsene skal ligge.
- CSS sparer plass. Siden plasskrevende tags bare ligger ett sted og
ikke er gjentatt ørten ganger i alle HTML-filene dine, betyr det at
filstørrelsen krymper. Erfaringsmessig kan koden bli opptil 20% mindre.
- CSS gir flere muligheter enn HTML. Lenker uten understreking er
bare en av mange effekter en CSS-bruker kan få til.
Vil du f.eks. ha avsnitt med innrykk som i en bok? Det er et ork i HTML, men
veldig enkelt i CSS.
- CSS er fremtidens teknikk. Prinsippet bak CSS er at innholdet (tekst, bilder o.l.) skal skilles fra det som styrer utseendet (font-tags o.l.). Dette er en tanke som også er helt sentral i fremtidsrettede språk som XML.
Hva mer er: CSS gir deg muligheten til å definere dine egne tags. Denne fleksibiliteten er også noe vi ser mer og mer av. Du kan altså like godt lære deg dette, først som sist.
Ulemper med CSS
Selv om CSS ble utviklet for flere år siden, og er anerkjent som en industristandard, er det ikke alle nettlesere som støtter det på samme måte enda.
Microsoft med sin Internet Explorer for eksempel har sin måte å tolke tagger på, mens Firefox fra Mozilla tolker det på sin måte. Dette gjør at selv om CSS er en standard, må du sjekke den ferdige kodingen i flere nettlesere for å virkelig se at ting ser likt ut i alle.
På grunn av disse ulikhetene er det nødvendig å tilføye CSS koden noe som kalles hacks, som kan forklares som tilleggskode for å gjøre nettlesere og CSS kompatibelt mot hverandre.
I følge normer og nyere standarder oppfordres det til å bruke korrekt HTML når man bruker CSS. Dette skal man selvfølgelig etterstrebe i vanlige rene HTML dokumenter også, men nettlesere er altså spesielt følsom ved å lese av CSS.
Det finnes mange hjelpemidler tilgjengelig for å sikre at CSS koden blir riktig, og det mest brukte er en såkalt validator.
Også i ulike validatorer kan det forekomme at CSS koden valideres forskjellig. Imidlertid er det viktigst at den validerer hos » W3C CSS Validation Service
Neste side: HTML uten CSS
SØK ressurser
HJELP til Hjemmesiden
Nyttige ressurser til ditt Hjemmesideprosjekt, alltid tilgjengelig. Klikk for å vise tilgjengelige ressurser.