Cursus CSS : Modulen

Inleiding CSS

Wat is CSS nu eigenlijk? En hoe verhoudt het zich tot HTML? Deze vragen komen in de introductie aan de orde. Verder zullen we uiteenzetten wat de voordelen van het werken met stylesheets zijn.

Cascaden

Aan de hand van een inzichtelijke demonstratie laten we zien hoe CSS binnen een website wordt toegepast en welke mogelijkheden het u biedt om uw websites op te maken. Stylesheets worden op verschillende niveaus toegepast, dit noemen we het 'cascaden'. We laten zien hoe CSS omgaat met overerving van stijlen wanneer CSS op verschillende niveaus wordt toegepast.

Defineren van stijlen

In deze module leert u hoe u stijlen definieert, wat de syntaxis is voor het definiëren van stijlen en stylesheets en hoe u CSS op verschillende niveaus koppelt aan uw HTML documenten.

Advanced CSS

Een nieuwe ontwikkeling in het webdesign is dat de opmaak van websites steeds meer geregeld wordt met stylesheets en steeds minder met HTML. Het gebruik van HTML wordt terug gebracht naar het oorspronkelijke doel van HTML: het structureren van de content van een document.

In HTML geven we dus aan wat koppen zijn, wat lopende tekst is en wat onderdelen zijn van de navigatie. In CSS geven we aan hoe al deze onderdelen er op het scherm uit komen te zien. Als we nog een stapje verder gaan, kunnen we zelfs met CSS bepalen waar de verschillende onderdelen van een document op het scherm komen te staan. Zo kunt u met behulp van CSS en elementaire tags als body en div uw website vanuit uw stylesheet grotendeels opmaken.

Geavanceerde mogelijkheden van CSS

De volgende geavanceerde mogelijkheden van CSS komen in deze module aan de orde. We behandelen het positioneren van onderdelen van een pagina en de opmaakmogelijkheden voor borders, marges, achtergronden en tekst.

CSS compatibility

Daarnaast gaan we in op hoe de verschillende mogelijkheden van CSS zich gedragen in verschillende browsers. Niet ieder CSS element is compatible met iedere browser, vooral in oudere versies van browsers kan dit problemen geven.