Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

CSS on muotoa:

No Format

selektori { ominaisuus: arvo; }

esim. p { color: blue; }

Tällaista kokonaisuutta kutsutaan deklaraatioksi.


Jos usealla elementillä on sama esittely, ne erotetaan pilkulla

No Format

h1, h2, p { color: blue; }

Jos ominaisuudella on useita arvoja, ne erotetaan pilkulla,
jos elementillä on useita ominaisuuksia, ne erotetaan puolipilkulla:

No Format

h1 {font-family: arial, sans-serif;
    font-size:   12pt;}

Tyyliohjeiden soveltaminen

ks. span-tagin käyttö

     div-tagin käyttö

   display-ominaisuus

Muita ulkoasun muotoiluja CSS:ssä

Yleistä

Värin ja taustavärin ominaisuudet

Elementin raja, täyte ja marginaalit

Muut elementin ominaisuudet

Täydellinen lista CSS:n ominaisuuksista (CSS1, CSS2, CSS3)

Esimerkkejä:

Valideja CSS-pohjia: Template World

Yleistä verkkosivustojen typografiasta

Lue Maritta Inkisen verkko-opetusaineistosta kohta Verkkosivujen typografiaa - vastaanottajan ehdoilla.

Tekstin muotoilu HTML:ssä

  • otsikot
  • rivinvaihdot ja niiden estäminen
  • kappalejaot
  • tekstin korostaminen

http://cc.joensuu.fi/~marttila/html/teksti.html

Tarkempi lista Korpelan www-julkaisemisen oppaassa http://www.cs.tut.fi/~jkorpela/webjulk/1.9.htmlImage Removed

CSS tekstin muotoilussa

Lisää selektoreista

Selektorien käytön periaatteet.

Testaaminen tyylien kanssa ja ilman

Selaimet ja niiden väliset erot

...