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.