Labo 02 - Introductie CSS

Doelen van de opdracht:

• Tag-, class-, id- en pseudo-selectoren gebruiken
• Tekst- en achtergrondkleuren toepassen
• Herbruikbare classes maken
• normalize.css begrijpen en gebruiken
• Box-model en box-sizing toepassen
• Externe fonts toevoegen + fallback instellen
• Stylesheet koppelen en optimaliseren
• CSS analyseren en debuggen met devtools
• Geavanceerde selectoren gebruiken
• Prioriteitsregels toepassen

Beschrijving

In deze oefening leer je de basis van CSS toepassen op een HTML-pagina.
Je oefent met tekst opmaken (vet, italic), elementen groter of kleiner maken, en linkjes een eigen stijl geven.
Ook leer je hoe je een navigatiebalk en footer overzichtelijker en aantrekkelijker kunt vormgeven.

Gerelateerde links

Reflectie

• Wat ging goed?
  • Tag-, class-, id- en pseudo-selectoren gebruiken.
  • Tekst- en achtergrondkleuren gebruiken.
  • normalize.css begrijpen en gebruiken.
  • Externe fonts toevoegen + fallback instellen.
  • Stylesheet koppelen en optimaliseren.
• Waar twijfel je aan?
  • Herbruikbare classes maken.
  • Box-model en box-sizing toepassen.
  • CSS analyseren en debuggen met devtools.
• Wat was moeilijk?
  • Geavanceerde selectoren gebruiken.
  • Prioriteitsregels toepassen.