True/False
Indicate whether the
statement is true or false.
|
|
|
1.
|
Block elements contain inline boxes that contain the element content.
|
|
|
2.
|
Inline-level elements form new blocks of content.
|
|
|
3.
|
Parent elements contain child elements.
|
|
|
4.
|
CSS lets you specify margin, border, and padding values for all block-level
elements.
|
|
|
5.
|
If you choose a percentage value for a margin, the percentage value is not based
on the containing box.
|
|
|
6.
|
When you are working with HTML, you will probably use the display property
frequently.
|
|
|
7.
|
CSS lets you specify margin, border, and padding values for all block-level
elements.
|
|
|
8.
|
You are better off using absolute units when you are stating margin, border, or
padding sizes.
|
|
|
9.
|
You cannot use margins to add white space around images.
|
|
|
10.
|
The most commonly supported usage of the margin property is to state one value
for all four margin sides.
|
|
|
11.
|
To make your style rules more specific and easy to read, you can use the
individual margin properties, such as margin-left, rather than the shorthand notation.
|
|
|
12.
|
Increasing the margins can not enhance the legibility of text.
|
|
|
13.
|
You can override the default browser margin by setting a negative value.
|
|
|
14.
|
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.
|
|
|
15.
|
The padding area inherits the background color of its associated element.
|
|
|
16.
|
If you add a border to an element, you will not want to use padding.
|
|
|
17.
|
You cannot collapse the padding area or set negative padding values.
|
|
|
18.
|
All border styles are supported by all browsers.
|
|
|
19.
|
A paragraph with a different border style for each side is a common design
technique.
|
|
|
20.
|
Percentages are not allowed when using the border-width property.
|
|
|
21.
|
The border is not displayed unless the border-style property is stated.
|
|
|
22.
|
The default border color is the color of the element content.
|
|
|
23.
|
You can choose to state individual border colors in the border-color
property.
|
|
|
24.
|
When you use shorthand border properties, you are stating the style, color, and
width of the border in one concise rule.
|
|
|
25.
|
In the border property, you must state the border width, then the border style,
and finally the border color, in that order.
|
|
|
26.
|
You can use special box properties to create floating text boxes.
|
Multiple Choice
Identify the
choice that best completes the statement or answers the question.
|
|
|
27.
|
The CSS ____ model describes how the element content boxes should be displayed
by the browser.
a. | visual formatting | c. | box formatting | b. | box | d. | visual box
formatting |
|
|
|
28.
|
In HTML, elements fall into ____ display type categories:
|
|
|
29.
|
____ elements appear as blocks such as paragraphs.
a. | Inline-level | c. | List-item | b. | Page-level | d. | Block-level |
|
|
|
30.
|
<body> is the ____ for the elements of a Web
page.
a. | content box | c. | containing box | b. | container | d. | containing
block |
|
|
|
31.
|
The display property “ ____ ” value lets you hide an element so that
it is not displayed in the browser.
a. | block | c. | inline | b. | none | d. | list-item |
|
|
|
32.
|
The CSS ____ model describes the rectangular boxes that contain content on a Web
page.
a. | visual formatting | c. | box formatting | b. | box | d. | visual box
formatting |
|
|
|
33.
|
A content box’s padding area has the same ____ as the content
element.
a. | foreground color | c. | background color | b. | margin area | d. | margin color |
|
|
|
34.
|
The margin, border, and padding properties let you state ____ types of
measurement values.
|
|
|
35.
|
Margins are always ____.
a. | red | c. | transparent | b. | black | d. | white |
|
|
|
36.
|
You can set ____ margin values to achieve special effects.
a. | zero | c. | negative | b. | positive | d. | individual |
|
|
|
37.
|
The default left margin in a browser is approximately ____ pixels.
|
|
|
38.
|
The ____ margins are the top and bottom element margins.
a. | spatial | c. | horizontal | b. | vertical | d. | main |
|
|
|
39.
|
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.
|
|
|
40.
|
The ____ is between the element content and the border.
a. | unused area | c. | margin | b. | padding area | d. | dead space |
|
|
|
41.
|
You can set ____ border properties.
|
|
|
42.
|
You will most likely use the ____ border shorthand properties.
|
|
|
43.
|
Which of the following is the overall shorthand border property?
a. | border-overall | c. | border | b. | border-style | d. | border-width |
|
|
|
44.
|
Which of the following is an individual side shorthand border property?
a. | border-top-style | c. | border | b. | border-top | d. | border-width |
|
|
|
45.
|
Which of the following is a specific shorthand border property?
a. | border-top-style | c. | border | b. | border-top | d. | border-width |
|
|
|
46.
|
The ____ is the most important border property.
a. | border-color | c. | border-width | b. | border-characteristics | d. | border-style |
|
|
|
47.
|
The ____ border-style keyword creates a three-dimensional border that appears to
be engraved into the page.
a. | groove | c. | ridge | b. | double | d. | inset |
|
|
|
48.
|
The ____ border-style keyword creates a three-dimensional border that appears to
be embossed.
a. | groove | c. | ridge | b. | double | d. | inset |
|
|
|
49.
|
The ____ border-style keyword creates a three-dimensional border that appears to
set the entire box into the page.
a. | groove | c. | ridge | b. | outset | d. | inset |
|
|
|
50.
|
If you specify a border style that is not supported, the border defaults to
____.
a. | solid | c. | dashed | b. | double | d. | none |
|
|
|
51.
|
Using the example “p {border-style: solid double
dashed dotted;}”, the right hand border of a <p>
element will be ____.
a. | solid | c. | dashed | b. | double | d. | dotted |
|
|
|
52.
|
Using the example “p {border-style: solid double
dashed dotted;}”, the bottom border of a <p> element
will be ____.
a. | solid | c. | dashed | b. | double | d. | dotted |
|
|
|
53.
|
The ____ property lets you state the width of the border with either a keyword
or a length value.
a. | border-color | c. | border-height | b. | border-width | d. | border-style |
|
|
|
54.
|
The value of the border-color property can be either a hexadecimal value, RGB
value, or one of the ____ predefined color names.
|
|
|
55.
|
Which of the following is a predefined color name?
a. | Cyan | c. | Purple | b. | Magenta | d. | Orange |
|
|
|
56.
|
Using the example “p {border-color: black red
green;}”, the bottom border of a <p> element will be
____.
a. | black | c. | green | b. | red | d. | transparent |
|
|
|
57.
|
The ____ property lets you position an element to the left or right edge of its
parent element.
a. | width | c. | height | b. | clear | d. | float |
|
Completion
Complete each
statement.
|
|
|
58.
|
____________________ properties let you control the margin, padding, and border
characteristics of block-level elements.
|
|
|
59.
|
The visual formatting model is based on the ____________________ structure of
the HTML document and the element display type.
|
|
|
60.
|
____________________ elements create a principal box around list-item inline
boxes.
|
|
|
61.
|
The CSS ____________________ property determines the display type of an
element.
|
|
|
62.
|
Each ____________________ element you create is displayed in the browser window
as a box containing content.
|
|
|
63.
|
The ____________________ properties let you control the margin area of the box
model.
|
|
|
64.
|
The margin property is a(n) ____________________ property that lets you set all
four individual margins with one property.
|
|
|
65.
|
The ____________________ properties let you control each of the individual
margins: margin- left, margin-right, margin-top, and margin-bottom.
|
|
|
66.
|
You can use ____________________ margins to remove the default margins from
various elements.
|
|
|
67.
|
To ensure that the spacing between block-level elements is consistent, the
browser ____________________ the vertical margins between elements.
|
|
|
68.
|
The ____________________ padding properties let you control the individual
padding areas.
|
|
|
69.
|
The ____________________ properties let you control the appearance of borders
around elements.
|
|
|
70.
|
The ____________________ border-style keyword creates a three-dimensional border
that appears to extend the entire box outward from the page.
|
|
|
71.
|
The ____________________ border-style keyword creates a solid line
border.
|
|
|
72.
|
Using a(n) ____________________ value with the border-width property lets you
create anything from a hairline to a very thick border.
|
|
|
73.
|
The ____________________ property lets you set the color of the element
border.
|
|
|
74.
|
The ____________________ properties are the most common and easiest way to
express border characteristics.
|
|
|
75.
|
The ____________________ property lets you state the properties for all four
borders of the element.
|
|
|
76.
|
The special box properties are used primarily with objects such as
____________________.
|
|
|
77.
|
By default, the value of the width special box property is set to
____________________.
|
|
|
78.
|
The ____________________ property lets you set the vertical height of an
element.
|
|
|
79.
|
Float is most commonly used for ____________________ elements.
|
|
|
80.
|
The ____________________ property lets you control the flow of text around
floated elements.
|