CSS Positioning

This is a significant topic, as we will start to look at how we can use CSS to adjust the layout of elements within our websites. Specifically, we will be looking at element boxes, block elements, and their positioning on the page. This involves setting height and width amounts (including minimum and maximum values), margins, padding, borders, and visibility.

Knowing these properties is the first step in creating exciting site layouts and will help you as you learn more advanced design principles.

By the end of this topic, we hope you:

  • Have a better understanding of block levels.
  • Can place elements on the page where you want them to live.
  • Begin to think about layout when approaching creating content for webpages.