Welcome to this diving, deeper into HTML and CSS module.
In this module,
we will build up on the knowledge gained in the last module
of this course and dive deeper into some selected HTML
elements and into some slightly more advanced CSS concepts.
Specifically,
we'll have a look at some HTML elements,
the list element for example, to create well, lists in HTML,
and we'll have a look at some semantic elements which help
us to improve our website structure.
As you saw,
our website keeps growing and growing
and at a certain point,
it's time to add a logic or a structure which helps us to
build separate sections on our website.
We'll explore this in this module.
Besides that we'll also look at containers.
Containers is the logic that an element can hold or nest
other elements, something we use already,
but we didn't explore so far and we'll dive deeper into the
cascading logic, we mentioned this in the last module,
but it's time to have a closer look at this.
As other concepts like inheritance and specificity are
closely connected to this cascading logic.
In addition to that,
we'll also have a look at the CSS box model.
The CSS box model defines the way
CSS interacts with HTML elements and brings the topics of
content padding, border, and margin into play.
We used some of these properties already,
but with the box model,
we'll finally really understand how all these properties
work and why they work in a certain way.
As you see lots of content to cover, therefore,
let's dive into this module.