Modern Web Design with HTML5, CSS3, and JavaScript - Cascading Style Sheets (CSS) Font Sizes

The video tutorial explains various methods to set font sizes in CSS, including using em, pixels, percentages, and REM units. It covers the dynamic nature of em values, the precision of pixel units, and the flexibility of percentage and REM units. The tutorial also discusses absolute size keywords and how parent elements can influence font size settings.

What is the primary characteristic of the 'em' unit in CSS?

• It is a fixed size unit.

• It is relative to the parent element's font size.

• It is always equal to 16 pixels.

• It is only used for margin and padding.

Why might you choose to use pixel values for font size?

• To make the font size relative to the root element.

• To ensure the font size is always 16 pixels.

• For precise control over the font size.

• For dynamic scaling with the parent element.

How does setting a font size in percentage affect its size?

• It sets the font size relative to the parent element's size.

• It always results in a smaller font size.

• It scales the font size based on the viewport.

• It makes the font size fixed.

What is the effect of using 'larger' as a font size keyword?

• It sets the font size to 16 pixels.

• It increases the font size relative to the parent element.

• It sets the font size to a fixed large value.

• It decreases the font size.

What is the main advantage of using 'rem' units over 'em' units?

• They are always larger than 'em' units.

• They are only used for setting margins.

• They are relative to the root HTML element, not the parent.

• They are fixed size units.

Which of the following is an absolute size keyword in CSS?

• 16px

• 1em

• 80%

• xx-large

How does changing the parent element's font size affect elements using 'rem' units?

• It makes them smaller.

• It makes them larger.

• It scales them based on the parent size.

• It does not affect them.