V prvem koraku sem omenil, da je CSS pravzaprav skupek pravil. Zapomnite si to.

1. Pravilo izgleda takole:



Vsako pravilo je sestavljeno iz dveh stvari:

• selektorja - ki predstavlja enega ali več HTML elementov za katere bo pravilo veljalo
• skupka enega ali večih deklaracij, pri čemer je vsaka sestavljena iz lastnosti in vrednosti

Če se osredotočim na naš primer: body pomeni, da bo pravilo veljalo za celotno stran, font-size: 10px nam pove, da bo celotna pisava strani velikosti desetih pikslov, color: green pa jasno pove, da bo pisava zelene barve.

2. Tipi pravil:

Pravila lahko razdelimo na več različnih kategorij tipov:

• pravila si lahko razdelimo na kategorije, glede na lastnosti na katere bo pravilo vplivalo.

CSS lahko vpliva na prav vse lastnosti prikaza predstavitve, zato bom o tem napisal več kasneje, ko se bomo dotaknili največkrat uporabljenih pravil.

• lahko si jih razdelimo tudi na to na katere elemente bodo pravila sploh vplivala

CSS lahko vpliva na element celotne strani (body) kot v našem primeru. Lahko vpliva tudi na posamezne elemente, kot so naslovi, odstavki, povezave, itn. Na koncu lahko pravilo uporabimo tudi za samo en element, recimo naslov ali samo na eno črko.

• za konec lahko pravila postavimo v kategorije glede na to, kjer se CSS sploh nahaja.

ali je to v linkani zunanji .css datoteki, lahko je pravilo napisano v glavi HTML dokumenta, ali pa kar v samem HTML elementu. Več o tem sledi v naslednjem koraku.

Kar se tiče pravil, sedaj poznamo splošen izgled pravila in po katerih lastnostih lahko CSS pravila delimo. V naslednjem koraku, bom kot že rečemo razložil, kako in kje sploh začnemo pisati CSS pravila.