Skip to content

CSS

CSS is een taal die wordt gebruikt om websites er mooi uit te laten zien. Het laat ontwerpers kleuren, lettertypen en de indeling van een pagina bepalen. Hierdoor kunnen websites een unieke en aantrekkelijke uitstraling hebben.

Benodigde voorkennis

Omdat CSS een opmaaktaal is, is het handig om eerst te weten hoe je een HTML pagina maakt.

Samenhang CSS en HTML

HTML is als het skelet van een webpagina, waarin de structuur en inhoud worden bepaald. CSS is als de kleding en make-up, die de webpagina mooi en aantrekkelijk maken met kleuren, lettertypen en lay-out. HTML geeft betekenis aan de inhoud, terwijl CSS zorgt voor de presentatie ervan.

Oefening

Bekijk de video over CSS en oefen met het verfraaien van je HTML pagina met CSS:

  • Maak een CSS file aan
  • Verwijs vanuit je HTML pagina naar de CSS file
  • Verander de opmaak van je HTML pagina. Voeg een tiental verschillende elementen toe; video of foto met padding, een lijst, buttons, etc.
  • Commit en Push de gemaakte CSS file regelmatig naar je repository
  • Documenteer wat je hebt geleerd in markdown en commit en push dit ook naar je repository
  • Op de site van W3Schools vind je een mooie mix van naslag en oefeningen voor onder andere CSS.
  • CodeAcademy biedt een interactieve CSS-cursus aan.
  • Op deze site van Mozilla vind je een lijst met links naar andere tutorials over CSS.
  • VIDEO COURSE
    Build websites like a pro: HTML5 en CSS3 Complete Course (via O’Reilly) Leer programmeren met HTML en CSS; vanaf de basis tot meer geavanceerde onderwerpen. De volgende hoofdstukken zijn relevant: 1, 2 (excl. File and Folder Structure), 3 t/m 7, 8 t/m 10, 11 (excl. de laatste vier onderdelen) en 13.
  • E-BOOK: Website Design and Development with HTML5 and CSS3 (via O’Reilly) Prima boek voor zowel de beginner als de gevorderde.
  • WEBSITE: A Complete Guide to Flexbox Handige website over de CSS Flexbox voor als je de video courses hiervoor al hebt gevolgd.