HTML CSS and JavaScript for Beginners - A Web Design Course - Measures and Properties of CSS

The video tutorial covers various CSS units for styling web pages, including px, em, and rem. It explains how these units are used to set dimensions and font sizes, focusing on their scalability and responsiveness. The tutorial demonstrates applying styles to HTML elements, such as setting widths and background colors for divs and adjusting font sizes using em units. The content emphasizes the importance of choosing the right unit based on the design requirements and the responsive nature of web pages.

Which CSS unit is scalable and relative to the root HTML element?

• Percentages

• Rems

• Pixels

• Ems

What happens when you set a width of 50% for a division in CSS?

• It takes up 50% of the screen size regardless of the page size.

• It takes up 50% of the root element size.

• It takes up 50% of the available page space, adjusting with the page size.

• It remains fixed at 50 pixels.

Why might you choose to use ems for font sizing in web design?

• Ems are fixed and do not change with screen size.

• Ems are the default unit in all browsers.

• Ems are easier to calculate than pixels.

• Ems allow for responsive design by scaling with the page size.

How does 1 em compare to pixels on a standard web page?

• 1 em is equivalent to 32 pixels.

• 1 em is equivalent to 24 pixels.

• 1 em is equivalent to 16 pixels.

• 1 em is equivalent to 8 pixels.

What is the effect of using 1.2 em for font size?

• It makes the font size 12 pixels.

• It makes the font size 1.2 pixels.

• It makes the font size 20% larger than the default.

• It makes the font size 20% smaller than the default.