P {font-family: Arial,Helvetica,sans-serif;}
2. Fontin koko
{ font-size: 250%; }
3. Fontin tyyli
{ font-style: italic; }
4. Fontin paksuus
{ font-weight: bold }
5. Border (koko ja väri)
{ border: 5px solid red; }
Taustakuvan paikka (asettaa kuvan minne haluat, center=keskellä)
6. Border-bottom (ala-reuna)
{ background-postition: center; }
7. Tekstin koristelu ( yliviivaa sanan/lauseen)
{ text-decoration: line- trought; }
8. Bottom ( kuvan laitto sivun alareunaan)
{ position: absolute;
bottom: 0px; }
9. Taustakuvan paikka
{ background-position: center; }
10. Border-bottom = alareunan väri
{ border-bottom-color:"#008000"
11. Text-align eli tekstin sijoituskohta
{ text-align: center; / left; / right ; }
12. Text-shadow eli tekstin varjostus
{ text-shadow: 2px 2px #C0C0C0; }
13. Text-indent eli tekstin syventäminen
{ text-indent: 50px; }
14. Visibility eli tekstin piilotus
h1.hidden { visibility: hidden }
15. Margin eli tekstin laitto marginaaliin
p.ex1 { margin: 2cm / matka jonka haluat }
16. Opacity eli tietyn kohdan läpinäkyvyys
div { background-color: green;
opacity: 0,5;
filter: alpha (opacity=50); /* IE8 and earlier */
17.Text-transform eli tekstin kirjainten koon säätö
{ text-transform: uppercase/lowercase/capitalize; }
18. Taustaväri
{ background-color: #800080; }
19. Taustakuva
{ background-image: url("kuvajonkahaluatlaittaa.jpg")
20. Taustakuvan koko
{ background-size: 80px 60px; }
