CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Measurement Units - Part 1

The lecture covers CSS measurement units, focusing on absolute and relative units. Absolute units like pixels and inches are fixed, while relative units like EMs and RAMs scale with parent or root elements. Practical examples in VSCode demonstrate how these units affect font size. EM units depend on parent element sizes, while RAM units rely on the root HTML element. The lecture concludes with a recommendation to use EM and RAM units for better scalability across different devices.

What is the primary difference between absolute and relative units in CSS?

• Absolute units are larger than relative units.

• Relative units are only used for font sizes.

• Absolute units are only used for margins.

• Absolute units are fixed, while relative units scale with the environment.

Which of the following is an example of an absolute unit in CSS?

• rem

• em

• pixel

• percentage

How does the font size of an element change when using pixels as a unit?

• It changes based on the parent element's font size.

• It remains constant regardless of the environment.

• It scales with the viewport size.

• It changes based on the browser settings.

What is the default pixel equivalent of 1em in CSS?

• 8 pixels

• 12 pixels

• 16 pixels

• 20 pixels

How is the rem unit calculated in CSS?

• Based on the parent element's font size.

• Based on the body element's font size.

• Based on the HTML element's font size.

• Based on the viewport width.

Why is it recommended to use em and rem units for font sizes?

• They are the default units in CSS.

• They allow for better scalability and adaptability.

• They are easier to write.

• They are more precise than pixels.

What happens to the font size when browser settings are changed, and rem units are used?

• The font size changes according to the browser settings.

• The font size remains unchanged.

• The font size becomes larger.

• The font size becomes smaller.