Cascading Style Sheets

Juni 2002
op vrijdag 22 september 2006 afdrukken van het content onderwerp creëren van een PDF bestand van het content onderwerp

Een nieuwe serie op Web-start: Internet Techniek. Beknopte, heldere stukjes die u een introductie geven over veel gebruikte technieken op Internet. Deze keer over CSS ofwel Cascading Style Sheets. Lees er meer over in de column van juni.

Cascading Style Sheets (CSS) vormen een goede manier voor website ontwikkelaars om meer controle te hebben over het uiterlijk van Internet pagina's. Zonder de overlappende stijl pagina's werd en wordt de lay-out van een HTML document in het document zelf geregeld. Logisch, want in eerste instantie werd het voor academische doeleinden opgezette Internet uitsluitend gebruikt voor de inhoud. Nu is echter ook vormgeving steeds belangrijker. Het oog wil immers ook wat.

De ontwikkeling van het Internet en de browser oorlogen leidden tot de oprichting van het World Wide Web Consortium (W3C), vervolgens tot gestandaardiseerde HTML en uiteindelijk CSS. Laten we ons concentreren hoe CSS uw Internetpagina's kan verbeteren!
Voorbeeld HTML code:


1: <html>2: <head>3: <style type="text/css">4: body {background-color: white}
5: h1 {color: red}
6: font {font-family: "Arial"; color: blue}
7: </style>8: </head>9: <body>10: <h1> WK Voetbal 2002!! </h1>11: <font> GOAAAAAAAAAALLLLL ! </font>12: </body>13: </html>


in het bovenstaande voorbeeld is sprake van een interne ofwel internal style sheet omdat de