Lab 02 - Basics of CSS

Goals of the exercise

• Learn to use CSS tag-, class-, id- and pseudo-selectors, as well as combinators.
• Learn to color a page (background and text) with modern tools like the CSS Oklch() function.
• Learn the correct usage of reusable classes, the box model, external fonts, normalize.css, etc.

Description

The goal of the exercise is to completely style a single HTML page, using correct and maintainable CSS code. For the HTML we receive a reference picture to work towards to, and then the CSS exercise can begin!

Related links

Some of the websites I've consulted while developing:

• W3 Validator
• Axe Browser Extension
• Mozilla Documentation
• OKLCH Color Picker & Converter

Reflection

• Woaw!

  In general, things went well, since I was also already familiar with CSS.

• Aauuw!

  However, the assignment was huge! Again, I felt I was way too slow at making progress, and I still had a significant chunk to complete at home.

• Not sure?

  The oklch() function was totally new for me, so I have to actively remember to implement it everywhere. But I definitely see the power it brings.