Tekstin muotoilu ja taustavärin vaihtaminen CSS:lla
- Luo tyhjä tyylitiedosto, jolla on .css-pääte. Tallenna se samaan kansioon kuin index-html.
- Linkitä tyylitiedosto HTML-tiedostoon, esim. lisäämällä tämänkaltainen rimpsu HTML-tiedoston headiin: <link rel=”stylesheet” type=”text/css” href=”velhotyyli.css”>
- Muuta äsken luomasi dokumentin taustaväri.
- Vaihda jonkun elementin (otsikon tai kappaleen) väri.
- Siirrä jonkun toisen elementin asemointi keskelle.
- Muotoile linkki siten, että se näkyy ilman alleviivausta.
- Vaihda jonkun elementin fontti.
Bonus: Kokeile vaihtaa listassa näkyvät pallurat ontoiksi tai vaikkapa neliöiksi. Esimerkkejä täältä.
Lisävinkit
- W3Schoolsin CSS-tutorial
- background-color
- color
- text-align
- text-decoration
- font-family
PSST… Jos keskitetyssä listassa pallukat eivät seuraa mukana, kokeile lisätä CSS:ssä ul:lle muotoilu ”list-style-position: inside”.