CSS

Deze site ziet er over het algemeen overal gelijk uit

Als je elke pagina een andere opmaak geeft dan oogt het als een rommeltje. Wel wil je de flexibiliteit houden om van het ene moment op de andere het uiterlijk te wijzigen. Bij het beschrijven van dit stukje heb ik inmiddels al 14 verschillende pagina's

Je kunt de opmaak van je pagina bepalen in de HTML pagina, dan moet je dat wel consequent doorvoeren (eenvoudig kopieren en plakken!). Echter als ik de 14 pagina's wil veranderen dan moet ik dat 14 keer doen. Als voorbeeld neem ik de achtergrondkleur. Deze kun je in de <body> tag vastleggen:

Als "green" veranderd moet worden naar "red" dan doe ik dat 14 keer. Met het risico dat ik 1 pagina oversla of dat ik een typefout maak.

In plaats daarvan leg ik de achtergrondkleur vast in een apart document: opmaak.css
In dat document bepaal ik de achtergrondkleur op de volgende wijze:

body { background-color: #c2c2c2; }

Je ziet dat de code voor de achtergrondkleur anders is namelijk background-color
Het getal #c2c2c2 komt overeen met de grijze kleur van deze pagina. Je kunt de kleurcodes opzoeken in het kleurenschema bij de Links.

Voor deze pagina ziet de opmaak.css er voor het body gedeelte als volgt uit:
body {
color: #595B98;
background-color: #c2c2c2;
font-family: Verdana, Arial, Tahoma, sans-serif;
margin: 05;
}
color bepaalt de kleur van de letters
font-family is het lettertype, eerst Verdana, indien niet mogelijk dan Arial etc.
margin bepaalt de ruimte aan alle zijden, de marge van de tekst met de randen.