"Cascading Style Sheets" zijn voor de typografisch onderlegde webdesigner een ware openbaring vergeleken met het bewerkelijke coderingsproces dat nu eenmaal bij de HTML-taal hoort.
Ze zijn tevens een grote stap vooruit op weg naar het werken met gestructureerde layouts.
Dit is een inleidende pagina over CSS.
Onder aan deze pagina zie je de grote voordelen van deze techniek.
| stuctuur van CSS |
Hier is beschreven hoe CSS is opgebouwd.
In principe is deze eenvoudiger dan HTML-code, maar het ziet er wel anders uit. |
| stijldefenities |
vele voorbeelden van stijlvariabelen en hun mogelijke waarden.
Dit is een grote lijst, maar niet alles staat er in. |
| koppelen van CSS aan HTML |
CSS maakt meer mogelijk in de opmaak van HTML.
Er zijn 3 manieren om die CSS te laten inwerken op die HTML. |
| een mooi voorbeeld |
Dit is een workshop, waarbij vanuit PhotoShop/ImageReady een HTML-pagina gemaakt wordt met CSS. Deze moet in DreamWeaver nog wel worden aangepast. |
voordelen van CSS zijn:
De voordelen van CSS zijn:
meer mogelijkheden
uitgebreidere mogelijkheden dan met HTML. HTML is er niet voor gemaakt om vorm te geven zoals CSS dat wel is. Enkele voorbeelden:
- meer typografische mogelijkheden, zoals werken met marges, regelafstand
en letterspatiËring
- kon je met HTML links- en rechtslijnen of centreren, met CSS kun je
ook uitvullen
- in HTML zijn de maateenheden pixels of procenten, met CSS kun je ook
werken met millimeters, centimeters en punten.
- de achtergrondafbeelding is in HTML altijd herhalend, met CSS kun
je die achtergrond ook nog alleen vertikaal herhalen, horizontaal herhalen
of niet laten repeteren. Ook kun je de positie van de achtergrondafbeelding
aangeven.
- met pseudo-classes kun je in CSS een rollover-effect voor linken nabootsen
- met classes en ID's kun je eigen stijlen maken in zelfs in positie
brengen.
consente vormgeving
er kan een scheiding worden aangebracht (dat is zelfs wenselijk, al hoeft dat niet) tussen de vormgeving enerzijds en de inhoud anderzijds. Het is ook mogelijk met CSS om een apart document te maken (een externe stylesheet) die vormgeving van de hele site beschrijft. In de losse HTML-pagian's staat geen code voor opmaak. Daardoor heb je een eenduidige vormgeving van je site.efficiëntie
als je werkt met één stylesheet voor de hele website, (al zou die uit honderden pagina's bestaan), dan kun je vormgeving van die hele site aanpassen, door alleen de stylesheet te bewerrken. Dit werkt dan erg efficiënt.
