CSS syntaksi
Syntaksi
Yleisesti tyyli koodataan syntaksilla
missä
valitsin on sen html-elementin nimi, jonka ulkonäköä määritetään
ominaisuus1 on jokin ominaisuus jolle asetetaan arvo1.
Esimerkiksi
h1 {
color: blue;
text-align: center;
}
määrittää kaikille <h1> otsikoille ominaisuudet
väri: sininen ja
tekstin tasaus: keskitetty.
Lisätietoa https://www.w3schools.com/css/css_syntax.asp
| valitsin { ominaisuus1: arvo1; ominaisuus2: arvo2; jne... } |
missä
valitsin on sen html-elementin nimi, jonka ulkonäköä määritetään
ominaisuus1 on jokin ominaisuus jolle asetetaan arvo1.
Esimerkiksi
h1 {
color: blue;
text-align: center;
}
määrittää kaikille <h1> otsikoille ominaisuudet
väri: sininen ja
tekstin tasaus: keskitetty.
Lisätietoa https://www.w3schools.com/css/css_syntax.asp
Tyylitiedostoon voi kirjoittaa myös kommentteja, joita käytetään selittämään kirjoitettua CSS-kieltä.
/* Kommentti kirjoitetaan aina vinoviivan ja asteriskin (eli tähtimerkin)sisään. */
/* Kommentti kirjoitetaan aina vinoviivan ja asteriskin (eli tähtimerkin)sisään. */
Kommentit eivät näy muuten kuin koodin lukijalle eli eivät näy www-sivulla.
Kommenttien avulla voi myös tehdä kokeiluja vaihtoehtoisten koodien välillä.
Kommenttien avulla voi myös tehdä kokeiluja vaihtoehtoisten koodien välillä.
Oman koodin oikeinkirjoituksen tarkistus eli validointi
Voit tarkistaa onko koodisi ohjeiden mukaista: mene sivulle
https://jigsaw.w3.org/css-validator/
Jos koodisi ei ole netissä, valitse vaihtoehto "by Direct input" ja kopioi-liitä.
https://jigsaw.w3.org/css-validator/
Jos koodisi ei ole netissä, valitse vaihtoehto "by Direct input" ja kopioi-liitä.