CSS kan referere til noe av følgende:
1. Kort for Cascading Style Sheets, CSS er et språk som brukes til å beskrive gjenbrukbare stiler for å presentere dokumenter som er skrevet i et kodespråk. Konseptet stammer fra Håkon Wium Lie i 1994. I desember 1996 ble CSS laget en spesifikasjon av W3C og lar i dag webutviklere endre utformingen og utseendet til websidene deres. For eksempel kan CSS brukes til å endre skriften som brukes i bestemte HTML-elementer, så vel som størrelse og farge. En enkelt CSS-fil kan være koblet til flere sider, noe som gjør at en utvikler kan endre utseendet på alle sidene samtidig.
Følgende boks inneholder et grunnleggende eksempel på bruk av CSS-kode for å definere skrifter, fargen på hyperkoblinger og fargen på en lenke når musepekeren henger over. I dette spesifikke eksemplet endrer vi bare HTML-tags og heller enn å opprette noen nye klasse- eller ID-velgere.
body {font: normal 100% "trebuchet ms", Arial, Helvetica, sans-serif; } a {farge: # 000000; } A: besøkte {color: # 005177; } a: hover {color: # 005177; }
CSS-koden i boksen ovenfor kan settes inn i hodeseksjonen på en sides HTML ved å bruke følgende kode. Husk imidlertid at å utføre denne handlingen bare bruker disse endringene på en enkelt side.
Hvis du vil bruke CSS-koden på flere sider, foreslår vi at du lagrer koden i en egen CSS-fil og deretter laster den på hver side. For eksempel kan CSS-koden vist i den første boksen på denne siden kopieres og limes inn i en fil med filtypen.css.
Tips
En CSS-fil kan opprettes ved hjelp av hvilken som helst tekstredigerer eller til og med Notisblokk hvis du bruker Windows.
Etter at filen er lagret, må den kobles til i hodet til HTML-koden ved å bruke thetag. Følgende boks viser et eksempel på dette elementet som er i bruk.
Hvis du navngav CSS-filen eksempel.css, og den er i samme katalog som HTML-filen den lastes fra, koblet følgende linje CSS-filen.
CSS3 er versjonen av CSS (Cascading Style Sheets) som erstatter CSS2. Den introduserer nye velgere og egenskaper som gir større fleksibilitet med sideoppsett og presentasjon. Noen oppdateringer, for eksempel boksen-skygge- egenskapen (som gjør at en drop-skygge kan legges til et element), slik at visuelle effekter kan brukes uten behov for å lage spesielle bilder.