CSS - Cascading Style Sheets

Hva er CSS?

CSS [1] er en teknologi for å designe internettsider. Idéen bak CSS er at ingen informasjon om hvordan siden skal vises skal ligge i selve HTML [2] dokumentet, den skal bare referere til et CSS dokument hvor all informasjon om designet skal ligge.

Hvorfor CSS?

HTML er ikke utstyrt for design av internettsider, men er til for å lage en struktur til dokumentet. CSS tilbyr langt flere muligheter for å tilpasse utseendet slik du vil ha det, og legge til effekter som ikke er mulig med HTML.

Tidligere har tabeller ofte blitt brukt for å oppnå et tilfredsstillende design av internettsider. Med bruk av tabeller er det lett å plassere innholdet der man ønsker det på internettsiden, men det er ikke hva tabeller er designet for. Tabeller er designet for informasjon som skal vises i tabellform, som et Excel dokument. Tabeller er trege til å vises, tar stor plass og det er en langt større jobb å forandre og vedlikeholde tabeller enn CSS dokumenter.

En av de største fordelene med CSS er at informasjonen om designet ligger utenfor selve HTML dokumentet. På grunn av dette kan man gjenbruke filene på flere sider, og man vil få et mer likt design på sidene om man bruker samme HTML strukturen. Dette fører til raskere nedlastning av sider, fordi det ligger mindre informasjon i hvert HTML dokument, og det gjør det mye lettere å vedlikeholde sidene.

Med CSS kan man også gjøre forskjell på hvordan siden vises i forskjellige medium. På denne måten kan man få en fin side på håndholdt PC, vanlig PC, ved utskrift m.m.. Ved noen enkle linker i html dokumentet bestemmes hvilket CSS dokument som skal brukes i hvilket medium. Det er også lettere for nettlesere laget for blinde, eller for tekst-til-tale nettlesere å lese informasjonen som ligger på nettsiden, fordi de trenger ikke jobbe seg gjennom haugevis av tabeller som ofte ikke er relatert til informasjonen som ligger på nettsiden.

Infoweb bruker denne teknologien for å slippe og lage seperate utskriftsvennlige sider. Les mer om dette i vår artikkel; Utksriftsvennlige sider.

Hvordan CSS?

Ønsker du å lære CSS fins det utallige veiledninger til dette på Internett, de aller fleste på engelsk. En veldig grunnleggende tutorial som kan være fin i begynnelsen kan du finne på denne siden. På W3Schools finner man også en tutorial samt eksempler til bruk av CSS.

Problemer med CSS

Det største problemet med CSS er mangelen på støtte i nettlesere. De aller fleste nyere nettlesere støtter CSS, men ofte ikke fullt ut, og man kan oppleve at samme side ser helt ulik ut avhengig av hvilken nettleser man bruker. På grunn av dette er det ofte behov for små "triks" for at siden skal vises likt i forskjellige nettlesere. Når man lager en side i CSS bør man forsikre seg om at den ser så lik ut som mulig hvertfall i Internet Explorer og Mozilla Firefox, ettersom disse to nettleserne er de klart mest brukte på internet i dag.

Dette problemet tar motet fra mange som er nye med CSS, men når du først lærer deg de triks som skal til går designet mye lettere, og du kan lage nettsider som laster hurtigere og er lettere å vedlikeholde enn ved bruk av tabeller.

Lenker

• W3C CSS Side
• CSS Zen Garden
• Infoweb CSS Filer
• CSS Tutorials
• Oversikt over tutorials, bøker m.m.