Pluss og minus med CSS

CSS har som med det meste annet sine fordeler og ulemper. Her kan du se noen av de viktigste:

Pluss

  • Plassbesparende
    Ved å benytte CSS, flytter man designet fra den enkelte nettside over i en CSS-fil. Plassbesparelsen kan utgjøre opptil 90% i ren (X)HTML-kode, sammenlignet med et tabellbasert design. Med plassbesparelse kommer også fordelen av mindre krav til båndbredde hos den besøkende, hvilket oppleves som raskere å laste ned, ettersom klienten mellomlagrer (cacher) CSS-filer.
  • Tidsbesparende
    Tiden det tar å både designe og re-designe et nettsted reduseres dramatisk. Et fullstendig re-design kan gjøres på få timer, avhengig av kompleksitet, i motsetning til et tabellbasert design hvor man tradisjonelt sett må redigere hver eneste nettside som skal re-designes.
  • Separasjon av design og innhold
    Design og innhold hører ikke sammen i en og samme fil, ettersom innholdet skal leses og tolkes av mer enn bare øyne. Eksempler er søkemotorer, eller nettlesere for blinde.

    Separasjon av design og innhold

    For best utbytte av CSS, kreves en semantisk korrekt oppbygget (X)HTML-fil. Det vil si at nettsiden er korrekt formatert med for eksempel overskrifter, brødtekst, lister med mer. Mer om semantikk kan du lese hos Høgskolen i Sør-Trøndelag. På denne måten oppnår man at en nettside ser korrekt ut også for tekstbaserte nettlesere, søkemotorer, nettlesere for høytlesning (for blinde), utskrift og håndholdte enhter. Se også seksjonen «Hvordan bruker jeg CSS?» for detaljer om hvordan dette gjøres.
  • Optimalisert for søkemotorer
    Ved å flytte design ut av (X)HTML-dokumentet, vil søkemotorer raskere lese igjennom hver enkelt nettside. Ved å slippe å lese designinstruksjoner vil søkemotor-indekseringen også bli mer korrekt. Se også nettstedet Sokemotoroptimalisering.no for flere detaljer
  • Økt brukervennlighet
    Med CSS kan brukeren selv velge å benytte CSS-stilsettet som følger med siden, eller å benytte sitt eget stilark. Brukeren kan også enkelt endre for eksempel fontstørrelse.

Minus

  • Kompabilitet
    Ikke alle nettlesere støtter CSS. Ironisk nok er Microsoft Internet Explorer blant de som har manglende eller feilaktig bruk av CSS. Du kan benytte CSS 2.1, men må belage deg på å teste resultatet i flere nettlesere.

Neste: Hvordan bruker jeg CSS?