Great work! In this lesson, you learned about the boxes that contain all HTML elements and how to manipulate their dimensions.
Let's review what you learned:
- All HTML elements are contained within a box.
- Boxes have two dimensions: a width and a height. These dimensions can be modified with the
- Width and height dimensions can be set using one of three units of measurement: pixels, ems, or percentages.
- A minimum and maximum width or height can be set for a box. This helps ensure that content remains legible when a user shrinks or expands their browser window.
- If an element's box becomes too small, the content may overflow. The overflowed content can be controlled with the
You probably noticed that we started this lesson by selecting all elements on the page with the universal selector,
*. We also used a CSS property that we haven't yet covered:
border. In the next lesson, you'll learn about box borders and how to manipulate them using CSS.