CSS3

Met Cascading Style Sheets (afgekort tot CSS) geef je vorm aan je webpagina. De HTML elementen die de structuur bepalen komen tot leven. Een enkel CSS bestand wordt gekoppeld aan alle pagina's zodat de hele website van dezelfde opmaakregels gebruik maakt. Er zijn allerlei varianten hierop mogelijk maar hier komt het in basis op neer.

css3

Een browser leest deze code en presenteert het als opgemaakte pagina naar de bezoeker. Om dit in alle browsers gelijk te houden heeft het World Wide Web Consortium (W3C) de standaard vastgelegd. Deze standaard is in de loop van de jaren flink uitgebreid. Momenteel is CSS3 de meest actuele.

Een CSS opmaakregel kun je koppelen aan alle HTML elementen, alleen het elemente met een unieke ID of alle HTML elementen met een bepaalde class.

Hieronder een 3-tal voorbeelden die het HTML element <STRONG> (vet) stijlt.

strong {color: red}
Alle <STRONG> elementen worden rood.

strong.groen {color: green}
Alleen <STRONG> elementen die de CSS class "groen" hebben gekregen worden groen.

strong#blauw {color: blue}
Alleen het <STRONG> element met de unieke ID "blauw" wordt blauw.

Voor de kenners, hierboven zijn voor het gemak de getoonde kleuren met inline CSS toegepast ;-)