Kirjaudu



Artikkelin indeksi
CSS
Historia
CSS:n edut
Vastustus
Oikea doctype
Neljä tapaa liittää CSS sivuille
Puuttuva CSS-tuki
Sisältö & data
Periytyvyys
CSS:n perussäännöt
Tagit eli selektorit
Laatikkomalli
Värit
Koko
Teksti
Tkestin määrittely
Taustakuvat
Kuvateksti
Kuvagalleria
Vertikaaliset menut
Horisontaaliset menut
Eri tyyli eri medialle
Kaikki sivut

CSS

CSS on merkintäjärjestelmä, jolla voidaan esittää selaimille dokumenttien ulkoasua koskevia ehdotuksia. Yhtä kokonaisuutta sanotaan tyyliohjeeksi eli tyylisäännöstöksi, englanniksi style sheet. (Korpela 2003, 2.) Hieman erilainen paketti pdf tiedostona.

Tämä materiaali vastaa kysymyksiin kuten:

  • Miksi tällaista typerää, minä onnistuin ihan hyvin vääntämään sivuni Front Pagella?
  • Osaan käyttää Dreamweaveria, eikö se muka riitä?
  • Teen sivuni Flashillä ja viittaan CSS:lle kintaalla, joten saanen olla rauhassa?
  • Onko kyseessä vaikea tapa tehdä sivuja?
  • Miksen vois vaan kirjoittaa sivujani Wöördillä?

Materiaalin tarkoitus on myös vasta tärkeimpään kysymykseen eli mitä hyötyä CSS:n käyttämisestä on? Lyhyesti sanottuna kyse on seuraavista eduista.
Helppo päivitettävyys, koska päivitettäviä tiedostoja on vain yksi.

  • Pienet tiedostojen koot. Kun kaikki turhat tyylimäärittely karsitaan pois HTML-dokumenteista, saavutetaan pienemmät tiedostokoot ja sivut latautuvat nopeammin kuin ennen.
  • Saavutettavuus eli CSS:llä tehdyt sivut ovat esteettömiä.
  • Eri mediat. CSS:n avulla voidaan tehdä eri medioille erilaiset versiot.
  • Entistä parempi typografian kontrollointi. CSS:n avulla voidaan vaikuttaa kaikkeen millä on typografista merkitystä.