Voor Beginners

Introductie

Deze cursus is een introductie op Cascading Style Sheets (CSS). Het begeleid je door de basis eigenschappen van CSS met praktische voorbeelden die je zelf kan proberen op je eigen computer. Het is opgedeeld in twee delen.

  • Deel I illustreert de standaardeigenschappen van CSS, die werken in Mozilla browsers en ook in de meeste andere moderne browsers.
  • Deel II bevat een aantal voorbeelden van speciale functies die werken in Mozilla, maar die niet noodzakelijk werken in andere omstandigheden.

Deze cursus is gebaseerd op de CSS 2.1 Specificatie.

Wie zou deze cursus moeten gebruiken?

Deze cursus is grotendeels voor beginners, maar je kan het ook gebruiken als je al wat ervaring hebt met CSS.

Als je een beginner bent met CSS, gebruik dan Deel I van deze cursus om te begrijpen wat CSS is en hoe je het moet gebruiken. Gebruik vervolgens Deel II om te leren hoe je CSS gebruikt in Mozilla.

Als je al wat CSS kent, kan je de delen van de cursus overslaan die je al kent, en alleen de delen lezen die je interesseren.

Als je ervaren bent met CSS maar niet in Mozilla, kun je direct naar Deel II gaan.

Wat heb je nodig voordat je begint?

Om het beste uit deze cursus te halen, heb je een editor nodig voor tekstbestanden en een Mozilla browser (Firefox of Mozilla Suite). Je moet ook weten hoe je deze moet gebruiken voor basishandelingen.

Als je geen bestanden wilt veranderen, dan kun je alleen de cursus lezen en naar de plaatjes kijken, maar dat is een minder effectieve manier om te leren.

Voor een aantal delen van deze cursus kan andere Mozilla software nodig zijn. Als je geen andere Mozilla software wil downloaden hoef je deze delen niet te volgen.

Let op: CSS zorgt voor een manier om met kleur te werken, dus delen van deze cursus hebben kleuren nodig. Je kunt deze delen van de cursus alleen makkelijk gebruiken als je een kleurenscherm en normaal kleurenzicht hebt.

Hoe je deze cursus moet gebruiken

Om deze cursus goed te gebruiken moet je de pagina's aandachtig en in volgorde lezen. Als je een pagina overslaat kan het moeilijk zijn latere pagina's te begrijpen.

Gebruik de Informatie sectie op elke pagina om te begrijpen hoe CSS werkt. Gebruik de Actie sectie om CSS te proberen op je eigen computer.

Om je begrip te testen, gebruik de uitdaging aan het einde van elke pagina. Uitkomsten voor sommige van deze uitdagingen worden op latere pagina's in de cursus bekend gemaakt.

Om dieper in te gaan op CSS, lees de informatie die je kunt vinden in de kaders benoemd "Meer details". Gebruik de links daar om referentiemateriaal te vinden over CSS.

Cursus Deel I

Een basis stap-voor-stap gids.

  1. Wat is CSS?
  2. Waarom CSS Gebruiken?
  3. Hoe CSS Werkt
  4. 'Cascading' en nalatenschap
  5. Selectors
  6. Leesbaar CSS
  7. Text Stijlen
  8. Kleur
  9. Inhoud
  10. Lijsten
  11. Kaders
  12. Layout
  13. Tabellen
  14. Media

Cursus Deel II

Voorbeelden die CSS in Mozilla laten zien.

  1. JavaScript
  2. XBL Bindingen
  3. CSS en XUL
  4. CSS en SVG
  5. XML data

Documentlabels en -medewerkers

Labels: 
Aan deze pagina hebben bijgedragen: teoli, Verruckt, Scees, Valgor, Mcaruso
Laatst bijgewerkt door: teoli,