Deck 6: Box Properties

Question 1

Which box types appear as blocks such as paragraphs.

A) Inline-level
B) Page-level
C) List-item
D) Block-level

Answer 1

D

Question 2

Which of the following are the primary box types?

A) block, inline
B) block, flat
C) square, rectangle
D) rectangle, hierarchical

Answer 2

A

Question 3

Inline-level elements form new blocks of content.

Answer 3

False

Question 4

You can set ____ margin values to achieve special effects.

A) zero
B) positive
C) negative
D) individual

Question 5

The containing box is always which element?

A) child
B) inline
C) parent
D) block

Question 6

The padding area is between the element content and which of the following?

A) foreground
B) margin area
C) border
D) body

Question 7

The visual formatting model is based on the hierarchical structure of the HTML document and the element display type.

Question 8

When the browser collapses the vertical margins between elements, the browser adds the value of the top element's bottom margin and the bottom element's top margin.

Question 9

What margin value should you set if you want to remove the default margin spacing that is built into the browser?

A) none
B) 0
C) 1
D) negative

Question 10

The ____ margins are the top and bottom element margins.

A) spatial
B) vertical
C) horizontal
D) main

Question 11

If the paragraph element's margin-top value is 15px and margin-bottom value is 25px, the browser sets the vertical margin between paragraphs to ____ pixels.

A) 10
B) 15
C) 25
D) 40

Question 12

Margins are always transparent, showing the background of their containing element.

Question 13

CSS lets you specify margin, border, and padding values for each side of a box.

Question 14

To create a 3-D box effect, use the box-shadow property.

Question 15

In the CSS box model, which of the following is the content box?

A) outermost box
B) innermost box
C) margin box
D) border box

Question 16

The margin, border, and padding properties let you state two types of measurement values-either a ratio or a width.

Question 17

You can only use positive values when specifying margins.

Question 18

If no border-width property is included, the border is not displayed.

Question 19

The border-on property must be stated to make a border appear.

Question 20

The CSS ____ model describes how the element content boxes should be displayed by the browser.

A) visual formatting
B) box properties
C) box formatting
D) visual properties

Question 21

Which category of box property lets control the dimensions and position of content boxes?

A) paragraph formatting
B) page layout
C) screen layout
D) HTML format

Question 22

The visual formatting model is based on the ____________________ structure of the HTML document and the element display type.

Question 23

Always use ____________________ measurement values, such as ems or percentages, if you want your web pages to adapt to different browser sizes or user-applied font size..

Question 24

Which border-style keyword creates a three-dimensional border that appears to be engraved into the page?

A) groove
B) double
C) ridge
D) inset

Question 25

With the example " p {border-style: solid double dashed dotted;} ", the bottom border of a < p > element will be ____.

A) solid
B) double
C) dashed
D) dotted

Question 26

If a border style is specified that is not supported, what does the border style default to?

A) solid
B) double
C) dashed
D) none

Question 27

Which border property must be stated to make a border appear?

A) border-color
B) border-characteristics
C) border-width
D) border-style

Question 28

Using the example " p {border-color: black red green blue;} ", the bottom border of a < p > element will be ____.

A) black
B) red
C) green
D) blue

Question 29

Which property lets you align an element to the left or right of other elements?

A) width
B) clear
C) height
D) float

Question 30

When specifying the border width, what is the maximum number of values you can  use?

A) 1
B) 2
C) 3
D) 4

Question 31

Which border-style keyword creates a three-dimensional border that appears to set the entire box into the page?

A) groove
B) outset
C) ridge
D) inset

Question 32

Which property lets you lets you control situations when content is too large for the area it's designed for? 

A) clear
B) float
C) overflow
D) adjust

Question 33

The ___________ notation syntax lets you state individual margin settings within the same  rule.

Question 34

____________________ values for padding and margins are often specified in fixed page designs where the dimensions of the layout are consistent.

Question 35

Which of the following is a predefined color name?

A) Cyan
B) Magenta
C) Purple
D) Orange

Question 36

To specify rounded borders, which property should you specify?

A) border-type
B) border-style
C) border-radius
D) border-width

Question 37

The ____ property lets you control the flow of text around floated elements.

A) clear
B) float
C) text
D) flow

Question 38

What is the default border width?

A) thin
B) solid
C) medium
D) thick

Question 39

The value of the border-color property can be either a hexadecimal value, one of the predefined color names, or which of the following?

A) octal value
B) CMYK value
C) RGB value
D) binary value

Question 40

The ____________________ element is called the containing box.

Question 41

The CSS 3 ____________________ property lets you create rounded borders on block-level elements.

Question 42

Briefly describe margin properties, why you would use margins, and how you can specify them.

Question 43

If you use ____________ to specify width, the content boxes will adapt to the size of the browser or the containing element.

Question 44

Describe the measurement value types you can specify for margin, border, and padding properties. Why would you use each value type?

Question 45

What is the CSS box model?

Question 46

The ________________ property lets you control whether element boxes shrink the content area to make room for the padding and borders or whether they add these dimensions to the outside of the box.

Question 47

Describe the float, clear, and overflow properties. Show an example of each.

Question 48

The ____________________ area is between the element content and the border.

Question 49

You can overlap elements on a page by setting a(n) ___________ margin value.

Question 50

What is the CSS visual formatting model and what are the display type categories included in this model?