Webszerkesztés

CSS szintaxisa

szelektor {tulajdonság1: érték; tulajdonság2: érték;...;}.

A tulajdonságok és az értékek mindig kisbetűvel írandók.

A kijelölőket (szelektor) megadhatjuk felsorolásként is, vesszővel elválasztva, mivel egy blokkhoz tartozhat több kijelölő is.

Például:
td p, div {...}: minden olyan cellára vonatkozik, amelyben van p (bekezdés) vagy div (szakasz).
p, h1, table {...}: minden bekezdésre, h1-es címsorra és táblázatra vonatkozik.

Tulajdonság - érték

Minden tulajdonsághoz meghatározott értékek tartozhatnak.

Egyes tulajdonságok több értéket is felvehetnek, az értékeket ilyenkor szóközzel kell elválasztani.

A tulajdonságok összeadódnak, az azonosak felülíródnak a CSS prioritás sorrendjében.

Például:
első: p {color:red; text-align:left; font-size:8pt;}
második: p {text-align:right; font-size:20pt;}
eredménye: p {color:red; text-align:right; font-size:20pt;}

Beépített értékek

Pl.: color: red...; align: center...; position: absolute...; border: solid...

Numerikus értékek mértékegységei

px = pixel; %-os érték; em = a nagy M betű magassága;

1em = 16px = 100%

Az em vagy a %-os értékek skálázhatók.

Szöveges értékek

Pl.: background-image: url('valami.jpg');

Színkód

Pl.: color: #FFFFCC;

Kommentek

A /* ... */ között adhatunk meg információt a stílusokhoz.