CSS 2.1: kleuren en afmetingen

  1. Kleuren
  2. Afmetingen

Kleuren

Wil je op een webpagina gebruik maken van kleuren, dan heb je een aantal mogelijkheden:

notatie beschrijving voorbeeld
sleutelwoord Engelse naam voor het kleur (slechts een beperkt aantal bruikbaar) red, green, blue, black, white, purple, orange, yellow, ...
#rgb Aandeel rood - groen - blauw met drie hexaddecimale cijfers, voorafgegeaan door een spoorwegteken #fff (= wit)
#f00 (= rood)
#rrggbb Aandeel rood - groen - blauw met zes hexaddecimale cijfers, voorafgegeaan door een spoorwegteken #ffffff (= wit)
#ff0000 (= rood)
rgb(d,d,d) Aandeel rood - groen - blauw met drie decimale getallen van 0 - 255. rgb(255,255,255) (= wit)
rgb(255,0,0) (= rood)
rgb(p%,p%,p%) Aandeel rood - groen - blauw met drie percentages. rgb(100%,100%,100%) (= wit)
rgb(100%,0,0) (= rood)

Afmetingen

Op een webpagina moet je vaak afmetingen aan elementen toekennen, lettergroottes, kolombreedtes, ...

Dit doe je door een getalwaarde in te geven gevolgd door een eenheid. Volgende eenheden kunnen gebruikt worden:

eenheid beschrijving
em relatief ten opzichte van de font-size van het element (als em gebruikt wordt voor de eigenschap font-size: relatief ten opzichte van de font-size van het parent element)
ex relatief ten opzichte van de x-hoogte van het element - de x hoogte is de hoogte van de letter x in dat lettertype
px pixels, afhankelijk van het toestel
in inch - 1 inch = 2.54 cm
cm centimeters
mm millimeters
pt points - 1 point = 1/72 inch
pc pica - 1 pica = 12 points
% percentage

Meer tutorials:
leer ook: html | xhtml | css | asp | asp.net | c# | ado.net | linq | ajax | java | javascript
Valid HTML 4.01! Valid CSS! © - Cursusweb