Wat is CSS of stylesheets

Gegevens

Categorie: HTML Basiscursus

Om inhoud en vormgeving van elkaar te scheiden, wordt css (Cascading Style Sheets) gebruikt. Hierin worden de eigenschappen van de elementen die in het html-document staan vast gelegd. Dat kunnen zijn: kleur, lettertypen, achtergrondkleur, grootte, breedte, posities, enz. Door het bewerken van het css-bestand, wordt de vormgeving van het html-document in één keer gewijizigd.

Neem eens een kijkje op CSS Zen Garden. Hier wordt dezelfde pagina telkens in een ander design getoond. De inhoud (html) van de pagina is bij elke versie hetzelfde, alleen de vormgeving verschilt en wordt met de style sheets gerealiseerd. Om daarbij mooie plaatjes te maken is een beetje creativiteit wel gewenst, maar ook een beetje kennis van photoshop is niet weg.

In de volgende hoofdstukken ga ik eerst in op het gebruik van html. Daarin komt de informatie die je via het www met de wereld wilt delen. Om de gemaakte pagina's vorm te geven, gaan we daarna verder in op css. Maar dat is een andere cursus.

Broncode

Voor we echt gaan beginnen, wil ik nog opmerken dat het heel leerzaam kan zijn om de broncode van websites te bekijken. Simpel klik met rechts (voor linkshandigen links) ergens op een internetpagina en kies uit het snelmenu 'paginabron bekijken'. Of ga naar 'beeld -> broncode bekijken'. Internet Explorer opent de code in kladblok en is bewerkbaar. Mocht je dit vaker gaan doen, kan ik je aanraden om Mozilla Firefox of Google Chrome naast Explorer te installeren. Deze browsers gebruiken kleurencodes voor de verschillende html-objecten. Google Chrome selecteert zelfs in de browser het gedeelte waar je in de broncode met de cursor bent.

Naast Internet Explorer zijn Google Chrome, Mozilla Firefox, Opera en Apple Safari de meestgebruikte browsers: