Lab 2 - Layout met CSS

Doelen van de oefening

  • Je kunt vlot tag-, class-, id- en pseudo-selectoren gebruiken.
  • Je kunt tekst- en achtergrondkleuren toepassen.
  • Je kunt herbruikbare classes maken.
  • Je gebruikt en begrijpt de functie van normalize.css
  • Je hebt inzicht in het box-model en kunt de box-sizing property toepassen.
  • 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 CSS analyseren en debuggen met webdeveloper tools.
  • Je maakt gebruik van geavanceerde selectoren (zoals combinators en pseudo-classes)
  • Je kunt prioriteitsregels toepassen.

Ga naar de oplossing

Beschrijving

We hebben leren werken met css. We leerden met klasse werken en het box-model gebruiken. We mochten ook kleuren toevoegen en een beetje leren spelen met de kleuren.

Belangrijke links

de HTML-validator

axe browser extension.

Website oklch

Fonts gebruikt

Reflectie

  • Wat ging goed?

    De CSS schrijven ging goed. Het werd goed uitgelegd in de les waardoor je zelf aan de slag kon gaan. Ik vond de kleuren toevoegen makkelijk.

  • Wat ging minder goed?

    De pseudo klassen vond ik moeilijk om te gebruiken. Ik begreep niet goed waarvoor ze stonden en wat je ermee kon doen. Ook vond ik het moeilijk om te weten wanneer je padding moest gebruiken.

  • Waar twijfel je nog over

    Ik twijfelde nog over welke kleuren wel en niet bij elkaar mogen. Ik heb altijd een fout gekregen door de kleuren waardoor ik ben beginnen twijfelen.