Labo 02 – CSS 1
Doelstellingen
- Gebruik van tag-, class-, id- en pseudo-selectoren.
- Toepassen van tekst- en achtergrondkleuren.
- Herbruikbare classes maken.
- Werken met normalize.css.
- Inzicht in het box-model en toepassing van box-sizing.
- Externe lettertypen toevoegen met fallback-font.
- Stylesheets koppelen
- CSS analyseren
- Gebruik van geavanceerde selectoren.
- Prioriteitsregels toepassen.
Ga naar de oplossing
Omschrijving
In dit labo leer je de basis van CSS toepassen op een eenvoudige website. Je oefent met verschillende selectoren zoals tag-, class-, id- en pseudo-selectoren. Je past kleuren toe, maakt herbruikbare classes en zorgt voor consistente opmaak. Daarnaast leer je het box‑model en box‑sizing gebruiken, voeg je externe lettertypen met een fallback toe en bouw je containers voor structuur. Je experimenteert met geavanceerde selectoren, zorgt voor responsiveness en voegt interactiviteit toe via hover‑ en focus‑effecten.
Reflectie
Wat ging goed?
- Structuur van HTML en CSS.
- Gebruik van normalize.css en Montserrat.
Wat was moeilijk?
- Labo Afkrijgen optijd
- Responsiveness en inheritance
- Inheritance en priority
Twijfels