Sähköinen asiointipalvelu, johdanto

Sorakuilu

Harjoitus 3, css harjoitus 1:lle

Aluksi

Aloita w3schoolsin avulla: tee css-harjoitukset kohtaan CSS links asti sivustolta https://www.w3schools.com/css/exercise.asp

Laadi sen jälkeen erillisen CSS-tiedoston avulla seuraavia ulkoasumuutoksia omalle esittelysivullesi (harjoitus1.html):

  1. aseta koko sivulle marginaalit (vasen 40px)
  2. hae tyyliisi sopiva taustakuva (hae free image, siis tekijänoikeutta ei rikota), huolehdi siitä, että kuvan päälle tulevaa tekstiä voi lukea
  3. valitse teksteille sellainen koko ja väri, että ne erottuvat taustakuvasta
  4. hae 2 - 3 eri fonttia, joita käytät teksteissä ja otsikoissa, määritä ne selektoreille
  5. lisää kuvalle koko ja reunaviiva (220 px leveys, reunaviiva 2 px, taustaan sopiva väri)
  6. aseta kuvalle padding 20px
  7. tee uusi luokka "internet" tekstikappaleita varten, käytä sitä kohdassa, jossa kuvaat Internetin käyttöäsi
  8. anna luokalle internet taustaväri tai -kuva ja muokkaa tekstin ulkoasua taustaan sopivaksi