5.01. Egy CSS stílusdeklaráció szerkezete

Nagyon egyszerű:

Jelölő { meghatározások blokkja }

Vagy részletesebben:

Jelölő {
   Tulajdonság: érték;
   Másik_Tulajdonság: érték2;
}

Például:

p { 
  color: blue;
  background-color: red;
}

A fenti példában egy bekezdés szövegének színe kék és a háttérszíne vörös lesz.

Hogy milyen kiejlölt HTML elemre lesz érvényes a deklaráció, a Jelölő mondja meg. Utána kötelezően  { ......} jelek között vannak a tulajdnságok és a tulajdonságok aktuális értékei.

A tulajdonságok neve után ":" következik, utána az érték és ";" jel zárja le a tulajdonságot. A tulajdonságokat és az értékeket írhatjuk folytonosan, de célszerűen minden tulajdonság+értéket külön sorba írunk az áttekinthetőség miatt.

A továbbiakban kitérünk a jelölőkre, majd utána a legelterjedtebb tulajdonságokra és a hozzájuk rendelt értékekre.