Meer over het stap voor stap werken met stylesheets

Verklaringen één voor één toevoegen is een leuke manier om te leren hoe CSS werkt. Begin met de volgende lege regels:

body {
}

html {
}

Voeg de verklaringen vervolgens één voor één toe om te zien welk effect ze hebben op je webpagina (met Live Preview van Brackets zie je meteen resultaat):

body {
    background-color: thistle;
}

html {
}

Met de verklaring hierboven maak je de achterkleur van de pagina paars.

body {
    background-color: thistle;
    border: 2px solid gray;
}

html {
}

Deze verklaring plaatst een grijs kader om de pagina.

Probeer de verklaringen eens aan te passen terwijl je ze toevoegt. Er zijn bijvoorbeeld allerlei verschillende randen. Probeer solid eens te veranderen in dotted, or verander 2px solid in 10px ridge.