Css tyylisivut käyttöön

Tehtävä 12

  • Laadi tyylitiedosto. Tallenna se samaan kansioon, jossa aiemmin luomasi html-sivut ovat. Nimeä esimerkiksi tyylisivu.css.
  • Määritä tyylisivulla otsikoiden, koko dokumentin ja kappaleiden kirjasinlajit, fontin väri ja taustaväri.
  • Linkitä tyylisivu aiemmin luomiisi html-sivuihin lisäämällä linkkikoodi sivujen head-osioon.
    Huom. jos olet määrittänyt html-koodissa ulkonäkömääritteitä <style> -valitsimella, tyylisivun asetukset eivät välttämättä vaikuta ulkonäköön. Tällöin pitää html-koodista ottaa <style> -määritteet pois.
  • Varmista, että sivujesi ulkonäkö muuttuu tyylitiedoston käyttöönoton myötä.
  • Muokkaa myös taulukkoelementin <table> ulkonäköä (reunusten leveyttä ja taustaväriä yms.) Taulukkoa käytettiin edellisessä harjoituksessa. Katso vinkkejä https://www.w3schools.com/css/css_table.asp

  • Validoi eli tarkasta tyyli.

Peda.net käyttää vain välttämättömiä evästeitä istunnon ylläpitämiseen ja anonyymiin tekniseen tilastointiin. Peda.net ei koskaan käytä evästeitä markkinointiin tai kerää yksilöityjä tilastoja. Lisää tietoa evästeistä