Tärkeimmät CSS Parametrit

Tässä tulee 20 tärkeintä CSS Parametriä jotka ovat tärkeitä nettisivun tekemisessä.

1.
  Taustaväri
{ background-color: #34DDDD; }
Taustaväri on aina tärkeä muistaa koska se ei aina kannata olla pelkästään valkoinen.

2.
  Taustakuva
{ background-image: url("kuva.jpg")
Voit myös halutessasi lisätä kuvalle taustakuvan.

3.
  Taustakuvan koko
{ background-size: 80px 60px; }
Tällä voit muokata taustakuvan kokoa jos se ei vastaa oletuksiasi.

4.
  Fontti
{ font: arial, sans-serif; }
Fonttia on hyvä osata muokata.

5.
  Fontin koko
{ font-size: 250%; }
Täällä voit muokata fontin kokoa.

6.
  Border
{ border: 5px solid red; }
Tällä voit muokata borderin kokoa ja väriä.

7.
  Border-bottom
{ border-bottom: thick dotted #ff1111; }
  Tällä voit muokata Borderin ala reunaa.

8.
  Fontin tyyli
{ font-style: italic; }
Tällä voit säätää fontit tyyliä.

9.
  Fontit Paksuus
{ font-weight: bold; }
Tällä voit muokata fontin paksuutta.

10.
   Taustakuvan paikka
{ background-position: center; }
Tällä voit asettaa taustakuvan keskelle ruutua.

11.
   Border-bottom alareunan väri
{ border-bottom-color: #ff0000; }
Tällä voit värjätä borderin ala reunaa.

12.
   Bottom
{ position: absolute;
   bottom: 0px; }
Tällä voit laittaa kuvan sivun alareunaan.

13.
   text-align
{ text-align: center;
                    left;
                    right; }
Tällä voit sijoittaa textin johonkin kohtaan.

14.
   text-decoration
{ text-decoration: line-trought; }
Tällä voit yliviivata jonkun lauseen.

15.
   text-shadow
{ text-shadow: 2px 2px #FF0000; }
Tällä voit tehdä textiin varjostuksen.

16.
   text-indent
{ text-indent: 50px; }
Tällä voit tehdä tekstiin syvennyksen.

17.
   text-transform
{ text-transform: uppercase; }
{ text-transform: lowercase; }
{ text-transform: capitalize; }
Tällä voit muokata tekstin kirjaimien kokoa.

18.
   Visibility
h1.hidden { visibility: hidden }
Tällä voit piilottaa jonkun tekstin.

19.
  Margin
p.ex1 { margin: 2cm 4cm 3cm 4cm }
Tällä voit laittaa tekstiin marginaalin.

20.
   Opacity
div { background-color: red;
        opacity: 0.5;
        filter: alpha (opacity=50); /* IE8 and earlier */
Tällä voit vaihtaa tietyn kohdan läpinäkyvyyttä