Tehtäviä:

1. Määrittele taustan väri HTML-dokumenteillesi
2. Muokkaa fontin ominaisuuksia eri elementeissä
3. Määrittele navigointipalkin ominaisuudet
4. Määrittele linkkien ulkoasu

CSS-dokumentissä sellaisen elementin, joka ei ole suoraan HTML-elementti, kutsuminen tapahtuu lisäämällä piste elementin nimen eteen, esimerkiksi .navbar. Esimerkiksi navigointipalkin ulkoasu voidaan määritellä seuraavasti:

.navbar {

color:black;

background-color: #FAFAD2;

border-width:thin;

border-color:#B22222;

border-style:solid;

margin:3em;

padding:2em;

}

Minkälainen navigointipalkki tässä määritellään? Miten navigointipalkin voi määritellä vasempaan reunaan?

Tallenna tekstidokumenttisi ja katso miltä se näyttää selaimesi kautta. Avaa selain ja valitse File (Tiedosto), Open (Avaa) ja avaa juuri tekemäsi dokumentti. Käyttäessäsi HTML-Kit -ohjelmaa, esikatselu toimii F8-pikanäppäimellä tai valitsemalla Preview (Esikatsele).