Modern Web Design with HTML5, CSS3, and JavaScript - Setting Cascading Style Sheets (CSS) Units and Highlighting Values

The video tutorial discusses different unit sizes used in web design, focusing on absolute and relative length units. It explains the use of pixels, percentages, and other units like centimeters and inches. The tutorial highlights the importance of relative units like em and rem for responsive design, and how percentages are used to adjust layout based on parent elements. Examples from the Mozilla Developer Network are used to illustrate these concepts.

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

• pixel

• rem

• percentage

• em

What is the primary advantage of using relative length units like ems and rems in web design?

• They allow for responsive design.

• They are independent of the viewport size.

• They are the default units in CSS.

• They are easier to calculate.

How do ems and rems differ in their application?

• Ems are based on the parent element's font size, while rems are based on the root element's font size.

• Ems are absolute units, while rems are relative units.

• Ems are larger than rems by default.

• Ems are used for width, while rems are used for height.

When using percentages for sizing in CSS, what determines the actual size of an element?

• The default browser settings.

• The size of the parent element.

• The size of the screen.

• The size of the viewport.

What are the three main types of sizing units discussed in the video?

• Absolute, relative, and percentage

• Pixels, ems, and rems

• Viewport width, viewport height, and percentage

• Inches, centimeters, and millimeters