ADV CSS Ex3

The CSS box-sizing property allows us to include the padding and border in an element's total width and height.

• True

• False

By default, the width and height of an element is calculated like this:

• width + border = actual width of an element

  height + border = actual height of an element

• width = actual width of an element

  height = actual height of an element

• width + padding + border = actual width of an element

  height + padding + border = actual height of an element

• width + margin + border = actual width of an element

  height + margin + border = actual height of an element

If you set box-sizing: border-box; on an element, padding and border are included in the width and height.

• True

• False

Since the result of using the box-sizing: border-box; is so much better, many developers want all elements on their pages to work this way.

• True

• False

The box-sizing property defines how the width and height of an element are calculated: should they include padding and borders, or not.

• True

• False

The @media rule, first introduced in CSS3, made it possible to define different style rules for different media types.

• True

• False

Unfortunately media types never got a lot of support by devices, other than the print media type.

• True

• False

Media queries in CSS3 extended the CSS2 media types idea: Instead of looking for a type of device, they look at the capability of the device.

• True

• False

Media queries can be used to check many things, so which thing does it not check?

• width and height of the viewport

• width and height of the device

• orientation

  (landscape or portrait mode)

• resolution

• processor speed

One way to use media queries is to have an alternate CSS section right inside your style sheet.

• True

• False