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.