Hva er CSS (Cascading Style Sheets)
CSS er stildefinisjoner som brukes for å vise HTML-elementer på ønsket måte. CSS-styles legges normalt inn i Style Sheets mellom HEAD-taggene så man slipper å "style" elementene hver gang de skrives. Styles ble innbakt i HTML 4.0.
I stedet for å legge Style Sheets mellom HEAD-taggene kan man lagre stil-definisjonene i en ekstern fil som hentes opp hver gang HTML-siden leses inn i webleseren. Har du flere sider som skal ha samme stil er det bare å linke til samme .CSS-filen fra alle sidene
Man henter inn den eksterne .css-filen med:
<LINK REL="StyleSheet" HREF="dittfilnavn.css" TYPE="text/css">.
Denne kommandoen legges da inn mellom HEAD-taggene.
Et eksempel på hvordan CSS kan lette arbeidet:
Du har en side med flere tabeller. Teksten i disse tabellene vil du ha litt mindre enn den vanlige teksten på siden. I stedet for å legge inn f.eks.
<font size="-1">Tekst her...</font>
mellom alle TD-taggene legger du
<style type="text/css">
td {font-size: 12px; font-family: Verdana;}
</style>
mellom HEAD-taggene, og jobben er gjort! Hver gang du skriver noe mellom TD-taggene blir teksten "automatisk" i den størrelsen og fonten du ønsker.
En planlagt og fornuftig bruk av CSS kan spare masse arbeid!
Nedenfor finner du en god del eksempler på bruk av CSS.
Du kan se kodingen og hvordan resultatet blir:
(Alle sidene åpner i nytt vindu!)
2237
