Labo 2 - HTML & Basics of CSS
Doel
- Je kunt vlot tag-, class-, id- en pseudo-selectoren gebruiken.
- Je kunt tekst- en achtergrondkleuren toepassen.
- Maak een navigatiestructuur, gebruik relatieve paden
- Je kunt herbruikbare classes maken.
- Je gebruikt en begrijpt de functie van normalize.css
- Je kunt externe lettertypen toevoegen en een fallback-font instellen.
- Je weet hoe je een stylesheet aan een HTML-pagina koppelt en selecties kunt optimaliseren voor herbruikbaarheid.
- Je kunt prioriteitsregels toepassen.
- Je begrijpt de cascade.
Beschrijving
Dit labo focust op het efficiënt toepassen van CSS-selectoren en het structureren van herbruikbare stijlen. Je leert werken met kleuren, lettertypen en het box-model, inclusief de `box-sizing` property. Daarnaast ontdek je het nut van normalize.css(& het gevaar van reset.css) en hoe je stylesheets koppelt en optimaliseert. Ook komen er wat moeilijkere HTML-structuren aan bod komen.
Relevante links | Same Page Links
Reflectie
- Goed
-
- goede structuur.
- Tekst kunnen aanpassen. (kleur, achtergrond,...)
- Relatieve paden gebruikt.
- herbruikbare classes gemaakt.
- normalize.css gebruikt.
- box sizing property toegepast.
- lettertype en fallback lettertype aangepast.
- een eigen stylesheet gemaakt en gebruikt.
- Slecht
-
- Geconcentreerd blijven werken tijdens de labo's.
- De manier waarop ik een font heb toegevoegd is illegaal of toch niet ideaal.
Status
🏁 afgewerkt