CSS- opas

• CSS eli Cascading Style Sheets määrittelee miten HTML-sivut näytetään
• Osa HTML:n elementeistä vanhentunut CSS:n myötä
• CSS:n ymmärtäminen edellyttää HTML-tekniikan tietämystä
• CSS voidaan kirjoittaa erilliseen tiedostoon, johon tämä opas keskittyy
• CSS voidaan myös kirjoittaa HTML:n sekaan, mutta tämä ei ole järkevää ylläpidon kannalta
• uusin version on 2
• versiosta 3 annettu ehdotus
• W3-organisaation määrittelemä
• Hyvän CSS-oppaan tarjoaa myös w3schools

HTML:n vanhentuneet elementit

CSS Korvaa mm. seuraavat HTML:n elementtien tai attribuuttien toiminallisuuden:

• FONT - fonttien ja fonttikoon määritykset tehdään CSS:llä
• COLOR - fonttien, taulukoiden, taustakuvien yms. määritykset tehdään CSS:llä
• ALIGN - tekstien, taulukoiden, kuvien keskitykset yms. määritykset tehdään CSS:llä

CSS tekniikkana

CSS:llä voidaan tehdä myös uusia asioita:

• Marginaalit
• Kirjainten välin pituus

Kaikista HTML-sivuista voidaan viitata yhteen CSS-tiedostoon. Tämän ansiosta muuttamalla yhtä CSS-tiedostoa voidaan muuttaa kokonaisen HTML-sivuston ulkoasu yhdellä tallennuksella. Tämä tapahtuu HTML:n HEAD-elementissä: <LINK HREF="style.css" REL="stylesheet" TYPE="text/css">

/* Tämä on kommentti CSS:ssä */

Seuraavassa on kerrottu miten CSS:llä voidaan muokata ko. asioita:

Tausta

...

Teksti

...

Fontti

...

Reunat

...

Marginaali

...

Listat

...

Kuvat

...

CSS tarjoaa keinon, jolla voidaan muokata kaikki samat elementit yhden näköisiksi esimerkiksi kaikki otsikot keskittää. CSS:n elementit voidaan jakaa luokkiin.

Web-sivustoni käyttää yhtä CSS-tiedostoa.