Deck 5: Working With the Box Model

Question 1

The box properties are used to ____.

A) set the width and height for the box
B) add white space around the content
C) add a border around the content
D) all of the above

Answer 1

D

Question 2

All headings are preceded and followed by a blank line ____.

A) created by browser default settings
B) created,if needed
C) created as a style for each heading
D) none of the above

Answer 2

A

Question 3

Which of the following is an example of the padding shorthand property?

A) padding-top: 10px;
B) padding: 5px;
C) padding-left: 10px;
D) padding-short: 5px;

Answer 3

B

Question 4

If four values are listed for margin properties,they are applied in ____ order.

A) top,right,bottom,left
B) top,left,bottom,right
C) left,top,right,bottom
D) right,top,left,bottom

Question 5

If two values are listed for the padding property,____.

A) the first value is applied to the left and top sides equally,and the second value is applied to the bottom and right sides equally
B) the first value is applied to the left and right sides equally,and the second value is applied to the bottom and top sides equally
C) the first value is applied to the top and bottom sides equally,and the second value is applied to the left and right sides equally
D) the first value is applied to the top and right sides equally,and the second value is applied to the bottom and left sides equally

Question 6

Some ____ properties used with the img element include height and width.

A) content
B) classification
C) box
D) border

Question 7

In the accompanying figure,the item marked 3 represents the ____.

A) margin
B) border
C) content
D) padding

Question 8

Which of the following is NOT a measurement unit for the values of padding and margin properties?

A) inches
B) pixels
C) millimeters
D) picas

Question 9

The ____ property applies values to all four sides of the box that contains an element.

A) boundary
B) border
C) edge
D) margins

Question 10

The ____ property specifies the amount of white space between the bottom of the content and the bottom of the box that contains the element.

A) bottom-space
B) padding-bottom
C) bottom-padding
D) bottom-border

Question 11

In the accompanying figure,the item marked 1 represents the ____.

A) margin
B) border
C) content
D) padding

Question 12

A(n)____ is a visible solid or decorative ruled line that can be placed around the padding.

A) margin
B) boundary
C) border
D) edge

Question 13

In the accompanying figure,the item marked 4 represents the ____.

A) margin
B) border
C) content
D) padding

Question 14

Which of the following is NOT a border's style value?

A) double
B) double-dashed
C) dotted
D) none

Question 15

In the accompanying figure,the item marked 2 represents the ____.

A) margin
B) border
C) content
D) padding

Question 16

The margin and padding shorthand properties may contain ____ values.

A) one
B) three or four
C) two
D) all of the above

Question 17

Which of the following border style's value is the default?

A) inset
B) none
C) solid
D) groove

Question 18

The item marked 1 in the accompanying figure is an example of the ____ style.

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

Question 19

Padding can be set on which sides of an element?

A) top and bottom only
B) left and right only
C) both a and b
D) none of the above

Question 20

As shown in the accompanying figure,the ____ is the space between the content and the edge of the box that contains the element.

A) padding
B) border
C) margin
D) all of the above

Question 21

The item marked 5 in the accompanying figure is an example of the ____ style.

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

Question 22

Use a(n)____ style sheet for styles that apply only to a specific Web page.

A) external
B) inset
C) baseline
D) internal

Question 23

Which of the following is an invalid value for the float property?

A) none
B) center
C) right
D) left

Question 24

To set the border shorthand property,which one of the following should be specified at a minimum?

A) color
B) width
C) style
D) all of the above

Question 25

The item marked 2 in the accompanying figure is an example of the ____ style.

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

Question 26

When using a border shorthand property,the values of style,width,and color should be separated by a ____.

A) comma
B) semicolon
C) space
D) none of the above;a separator is not needed

Question 27

Browsers display the thicknesses of keyword values slightly differently.But in general,a thin border is ____ pixel(s)wide.

A) 0
B) 1
C) 2
D) 5

Question 28

To set the border color,the code border-color: value;should be used,and the value can be any of the following EXCEPT ____.

A) an RGB color
B) a named color
C) a hexadecimal color value
D) a CMYK color mode

Question 29

The item marked 4 in the accompanying figure is an example of the ____ style.

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

Question 30

When troubleshooting style sheet errors,be sure there is a(n)____ at the beginning and end of each style rule to define the block of properties for that rule.

A) brace bracket
B) square bracket
C) parenthesis
D) angle bracket

Question 31

Which of the following code examples is invalid?

A) border: inset red thick;
B) border: medium dashed black;
C) border: blue thin dotted;
D) none of the above

Question 32

All of the following are values for the clear property EXCEPT ____.

A) left
B) both
C) right
D) center

Question 33

The border property can be any of the following EXCEPT ____.

A) style
B) color
C) size
D) width

Question 34

Browsers display the thicknesses of keyword values slightly differently.But in general,a medium border is ____ pixel(s)wide.

A) 0
B) 1
C) 3 or 4
D) 5

Question 35

You should separate each value of the border-bottom property with a ____.

A) comma
B) space
C) period
D) semicolon

Question 36

Which of the following can be used to center an image horizontally?

A) the float property's value of center
B) the text-align property
C) the float property's value of middle
D) all of the above

Question 37

When troubleshooting style sheet errors,you should check the end of every style property to ensure that there is a(n)____ in place.

A) semicolon
B) asterisk
C) ampersand
D) backslash

Question 38

Which of the following properties is NOT used to change the border style,color,and width for individual sides?

A) border-top
B) border
C) border-left
D) border-right

Question 39

The ____ property is used to position boxes on the page and to wrap content around the box.

A) classification
B) clear
C) border
D) float

Question 40

The item marked 3 in the accompanying figure is an example of the ____ style.

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

Question 41

The background-position property allows you to ____.

A) duplicate an image vertically or horizontally
B) place a background image within an element
C) set a scrolling background image
D) all of the above

Question 42

Most Web developers use ____ to enclose the filename for the background image as the value of the background-image property.

A) single quotation marks
B) double quotation marks
C) ampersands
D) none of the above

Question 43

The background image should have one of the following graphical formats EXCEPT ____.

A) BMP
B) JPEG
C· PNG
D) GIF

Question 44

The ____ property can be used to set a fixed or scrolling background image.

A) background-repeat
B) background-attachment
C) background-position
D) background-image

Question 45

Which of the following is the most commonly used for describing the position of the background image with the background-position property?

A) pixel values
B) percentages
C) em values
D) All of these are equally used.

Question 46

Which of the following values of the background-attachment property keeps the image in place while the text scrolls over the image as the user scrolls down the page?

A) static
B) positioned
C) dynamic
D) fixed

Question 47

What is the correct order of the properties and their values for the background property?

A) background-image,background-repeat,background-color
B) background-image,background-attachment,background-position
C) background-position,background-repeat,background-image
D) background-image,background-repeat,background-attachment

Question 48

Which of the following styles has the third highest precedence?

A) external
B) embedded
C) inline
D) user-defined

Question 49

The value of the background-image property begins with ____.

A) http
B) url
C) the image filename
D) img

Question 50

The default value for the background-attachment property is ____.

A) scroll
B) dynamic
C) fixed
D) static

Question 51

How will the heading be styled if the style contains the following declarations?
H2 {
Font-size: 1em;
Background-color: yellow;
}
H2 {
Font-size: 2em;
}

A) All h2 headings will appear in a font size of 1em and on a yellow background.
B) All h2 headings will appear in a font size of 2em and on a white background.
C) All h2 headings will appear in a font size of 1em and on a white background.
D) All h2 headings will appear in a font size of 2em and on a yellow background.

Question 52

If a shorthand background property is used and all background properties are to be changed,which value should be listed last?

A) attachment
B) position
C) image
D) repeat

Question 53

Style ____ determines which styles have priority when multiple styles conflict.

A) embedding
B) definition
C) precedence
D) resolution

Question 54

The default setting for the background color in a browser is usually ____.

A) light gray
B) white
C) dark gray
D) black

Question 55

The browser's default styles have the ____ style precedence.

A) lowest
B) highest
C) medium
D) none of the above

Question 56

If you specify only one keyword for the background-position property,the second value defaults to what?

A) left
B) bottom left
C) top right
D) center

Question 57

Which of the following is NOT a background property?

A) background-texture
B) background-position
C) background-repeat
D) background-attachment

Question 58

The default value for the background-repeat property is ____.

A) repeat-x
B) repeat-xy
C) repeat
D) repeat-y

Question 59

To display a background image once,the value of the background-repeat property should be set to ____.

A) repeat-no
B) none
C) once
D) no-repeat

Question 60

If you specify only a filename for the background-image property,the image is automatically ____ to cover the entire element.

A) concatenated
B) separated
C) tiled
D) floated

Question 61

Case-Based Critical Thinking Questions
Case 5-1
Ethan would like to minimize his efforts in the development of his Web site.Kyra is ready to help him apply a variety of background properties.
Ethan decides to have a background image that is repeated horizontally at the top of his page.What value does Kyra indicate he must use with the background-repeat property?

A) no-repeat
B) repeat-x
C) repeat-y
D) repeat

Question 62

A standard convention for navigating to the next Web page is to use the word/phrase ____.

A) advance
B) move ahead
C) forward
D) next

Question 63

Case-Based Critical Thinking Questions
Case 5-1
Ethan would like to minimize his efforts in the development of his Web site.Kyra is ready to help him apply a variety of background properties.
Ethan has a banner image that always should be seen on the page,even as the user scrolls down the page.What property and its value does Kyra tell Ethan to use?

A) background-attachment and fixed
B) background-position and fixed
C) background-attachment and scroll
D) background-position and scroll

Question 64

What is the value of the rel attribute when creating a link to the external style sheet?

A) style
B) externalstyle
C) stylesheet
D) external

Question 65

Case-Based Critical Thinking Questions
Case 5-1
Ethan would like to minimize his efforts in the development of his Web site.Kyra is ready to help him apply a variety of background properties.
Ethan knows that there are several keywords that describe the position of the background image behind the element,but he does not know how these keywords are used as a value for the background-position property.Kyra explains to him that there are nine keywords and she lists some of them.Which one of the following is NOT a valid keyword?

A) left center
B) bottom left
C) top right
D) center center

Question 66

Case-Based Critical Thinking Questions
Case 5-2
Max is preparing for a test and he is confused by a section related to the use of background images for list items.Leon has already passed this test with an A+ and Max asks Leon for some help.
Leon says that one of the following CSS properties cannot be used to style the list item element.Which one cannot be used?

A) vertical-align
B) background-image
C) background-color
D) background-position

Question 67

A standard convention for navigating to a previous Web page is to use the word ____.

A) previous
B) prior
C) back
D) return

Question 68

Which of the following attributes is NOT a part of the link element?

A) rel
B) type
C) style
D) href

Question 69

Case-Based Critical Thinking Questions
Case 5-2
Max is preparing for a test and he is confused by a section related to the use of background images for list items.Leon has already passed this test with an A+ and Max asks Leon for some help.
Max asks Leon to remind him of the default size of the bullet in an unordered list.What is Leon's answer?

A) 10px square
B) 15px square
C) 20px square
D) 25px square

Question 70

Case-Based Critical Thinking Questions
Case 5-2
Max is preparing for a test and he is confused by a section related to the use of background images for list items.Leon has already passed this test with an A+ and Max asks Leon for some help.
Max asks Leon what list features dictate the position of the list marker image and the padding.What is his answer?

A) font size
B) font style
C) the size of the image used
D) both a and c

Question 71

An external style sheet file extension is ____.

A) exe
B) php
C) css
D) jpg

Question 72

Case-Based Critical Thinking Questions
Case 5-1
Ethan would like to minimize his efforts in the development of his Web site.Kyra is ready to help him apply a variety of background properties.
Ethan has been experiencing problems with his use of a background image,which he traced to the fact that he has not specified properties and their values in the correct order.Which of the following code does Kyra tell him is correct?

A) background: url(photo·jpg)repeat-x green top;
B) background: url(photo·jpg)green repeat left;
C) background: blue url(photo·jpg)top no-repeat;
D) background: url(photo·jpg)blue top repeat-x;

Question 73

Case-Based Critical Thinking Questions
Case 5-2
Max is preparing for a test and he is confused by a section related to the use of background images for list items.Leon has already passed this test with an A+ and Max asks Leon for some help.
Max asks Leon what properties should be used to position the image marker.What is Leon's answer?

A) padding-right
B) background-position
C) marker-position
D) both b and c

Question 74

Which of the following is NOT an attribute of the link element?

A) text
B) rel
C) type
D) href

Question 75

If there is a logo on a Web page,a standard convention is to place it in the ____ and make it a link that points to the Web site's home page.

A) top-right
B) top-left
C) bottom-left
D) bottom-right

Question 76

Case-Based Critical Thinking Questions
Case 5-2
Max is preparing for a test and he is confused by a section related to the use of background images for list items.Leon has already passed this test with an A+ and Max asks Leon for some help.
Given the following code,which of the options below is a true statement that Leon can make to Max about this list item element?
Ul)facts li {
Background: url(images/small_elephant·jpg)black 0.3em no-repeat;
Padding-left: 60px;
Line-height: 2.5em;
}

A) The horizontal space of the list items is 2.5em.
B) The background element is tiled to the right and down.
C) The background color is black.
D) All of the above are true.

Question 77

What is the value of the type attribute when creating a link to the external style sheet?

A) style
B) text/css
C) css/text
D) text/style

Question 78

What is the upper limit for the number of HTML files that can link to the same external style sheet file?

A) 99
B) 1,249
C) 1,250
D) There is no limit.

Question 79

Which style takes precedence if a Web page author mistakenly styles the same element more than once in the same embedded style sheet?

A) the style that is higher in the styles list
B) the style that is lower in the styles list
C) a randomly chosen style
D) none of the above;it produces an error

Question 80

Case-Based Critical Thinking Questions
Case 5-1
Ethan would like to minimize his efforts in the development of his Web site.Kyra is ready to help him apply a variety of background properties.
Ethan would like to use a background-image property to emphasize some headings,but he does not know which software he can use to develop that image.Kyra advises Ethan to use all of the following EXCEPT ____.

A) Adobe Photoshop
B) GIMP
C) Microsoft Word
D) Microsoft Expression Design