IES: CSS-deck 5

Question 1

In CSS, the browser generates what with regards to content?

Answer 1

Content on a web page is displayed in the number of invisible rectangular boxes that are generated by \_\_\_\_\_.

Question 2

In CSS, these may be either block level, inline-block, or inline?

Answer 2

Content boxes may be either \_\_\_\_\_, \_\_\_\_\_, or \_\_\_\_\_.

Question 3

characteristics of block level content boxes

Answer 3

• normally, they have line breaks before and after the Box
• By default, they are stacked on the page one below another (always display vertically)
• Comprises a core content area surrounded by optional areas for padding, border, and margins

Question 4

characteristics of inline content boxes

Answer 4

• they do not add line breaks
• They are simply created within lines of content
• Some properties, such as width or height, do not apply
• Margin and padding properties apply only to either side of the content- not above nor below the content.

Question 5

CSS- content:

Answer 5

the area filled by text or images

Question 6

CSS- padding:

Answer 6

a transparent area around the content

Question 7

CSS- border:

Answer 7

surrounds the content and padding

Question 8

CSS- margin:

Answer 8

a transparent area outside the border

Question 9

What is the width and height of an element specified as 300px wide and 100px High?

Answer 9

When you specify the width and height of an element, you are specifying the width and height of that element’s content area alone. The total space occupied by that element includes the addition (to the already specified content area) of the left/right as well as the top/bottom padding, the left/right as well as the top/bottom border, and the left/right as well as the top/bottom margin

Question 10

Whether an element is considered Block Level or inline determines \_\_\_\_\_\_?

Answer 10

How is the display format determined by the element?

Question 11

DOC tree: Inline elements are always \_\_\_\_\_ of Block Level elements

Answer 11

CSS: with regards to how elements are displayed, what format is considered “always descendants” of what other format?

Question 12

characteristics of inline-block content boxes:

Answer 12

• Do not automatically display one on top of the other
• Does not add a line break after each element
• As opposed to the inline display, the inline-block display applies top/bottom margins and top/bottom paddings
• (is often used to create a navigation bar of horizontal links : p. 248)

Question 13

the display format can be explicitly determined by a style rule assigning “block”, “inline”, or “inline-block” to an element’s \_\_\_\_ property.

Answer 13

By assigning to an element’s display property, the \_\_\_\_\_ \_\_\_\_\_ can be the explicitly determined

Question 14

Etymology: “em” -originates from topography: represented with the width of the letter “M” in the current font set.
CSS: it represents the \_\_\_\_\_ of the current font.
Often considered good practice to use em units for text size wherever possible: it offers \_\_\_\_\_ \_\_\_\_\_.

Answer 14

in CSS, the unit \_\_\_\_\_ represents the height of the current font. Using this unit is considered \_\_\_\_\_ \_\_\_\_\_ because it offers maximum flexibility.

Question 15

• A percentage value can be used to specify a \_\_\_\_\_ size.
• A value of \_\_\_\_\_ makes the target element half the size of its containing element.

Answer 15

• A \_\_\_\_\_ value can be used to set specify a relative size.
• A value of 50% makes the target element \_\_\_\_\_ the size of its containing element.

Question 16

Assigning any non-zero value to a property, the declaration must include a \_\_\_\_\_ \_\_\_\_\_ name to specify which unit of measurement to apply.

Answer 16

When assigning any non-zero to a property, the declaration must include a two-letter unit to specify which \_\_\_\_\_ of \_\_\_\_\_ to apply.

Question 17

“in”

Answer 17

inches

Question 18

“cm”

Answer 18

centimeters

Question 19

“mm”

Answer 19

millimeters

Question 20

“pt”

Answer 20

• points
• (typographical unit of font height where 72 points is equivalent to 1 inch)