Mikä CSS on ja miksi se on tärkeää

Edellytykset

• Ultimate HTML

HTML määrittelee verkkosivun rakenteen ja sisällön. CSS määrittelee, miten tämä sisältö esitetään.

HTML järjestää elementit, kuten otsikot, kappaleet ja kuvat, kun taas CSS hallitsee niiden ulkoasua, mukaan lukien värit, välit, fontit, tasaus ja asettelu.

Yhdessä HTML ja CSS muodostavat modernin verkkokehityksen perustan.

Mikä on CSS?

CSS:n avulla voit:

• Muuttaa tekstin ja taustan värejä;
• Säätää elementtien välistä etäisyyttä;
• Hallita fontteja ja typografiaa;
• Luoda asetteluja;
• Lisätä visuaalisia tehosteita.

CSS ei muuta dokumentin rakennetta. Se ohjaa, miltä rakenne näyttää.

CSS:n perussyntaksi

CSS-sääntö koostuu valitsimesta ja deklaratiivisesta lohkosta.
Esimerkki:

p {
  color: purple;
  background-color: green;
}

Selitys:

• p on valitsin. Se kohdistaa kaikkiin <p>-elementteihin;
• color: purple; asettaa tekstin värin;
• background-color: green; asettaa taustavärin.

Jokainen määrittely noudattaa tätä muotoa: property: value;

Tutustut valitsimiin, ominaisuuksiin ja arvoihin tarkemmin tulevissa luvuissa.