De CSS van deze site uitgelegd

Katinka Hesselink januari 2006

Ik heb twee CSS boeken in de kast staan die elkaar goed aanvullen: Cascading Style Sheets, the Definitive Guide van Eric Meyer (koop een nieuwer boek van hem als je in de boekwinkel staat, deze is van 2000!) en The Zen of CSS Design van Shea en Holzschlag - zie de links. In het eerste boek wordt CSS tag voor tag uitgelegd. In het tweede boek laat men aan de hand van echte voorbeelden zien hoe de CSS is opgebouwd. Hoewel deze site wat design betreft niet op kan tegen de CSS Zen Garden, leek het me toch nuttig om de CSS regel voor regel uit te leggen. In het <head> gedeelte van de HTML-code van elke pagina staat de volgende code die linkt naar ieder van de CSS-pagina's.

<link title="standaard" media="screen" 
rel="stylesheet" href="style.css"
type="text/css">

<link title="print" media="print"
rel="stylesheet" href="style_print.css"
type="text/css">

<!--[if IE]>
<link href="style_ie.css" rel="stylesheet"
type="text/css" media="screen">
<![endif]-->

Zoals je hierboven kunt zien heeft deze site drie stylesheets. Ik ga ze stuk voor stuk af: