quiz
1)
When an element is displayed in the exact specified position a(n) _______ positioning is used
(1pts)
absolute
relative
center
default
2)
In XHTML, an image or text elements are treated as a ____.
(1pts)
box
window
table cell
rectangle
3)
The box model is a part of ____.
(1pts)
XHTML
HTML
Windows
css
4)
In page design, the ____ is a narrow vertical column commonly used for secondary links.
(1pts)
footer
main
sidebar
navbar
5)
In a web design, the ____ document window is the largest window.
(1pts)
sidebar
footer
main
banner
6)
In a web page design, the ____ is a row at the bottom of the page.
(1pts)
header
footer
sidebar
main
7)
The margin is used to create ____.
(1pts)
a white space that surrounds content
a white space around the border
a white space around the screen
a white space around the box
8)
Which of the following is the correct syntax for setting the padding property?
(1pts)
right-padding: 5mm;
padding-top: 2px
bottom-padding: 4in.
padding-left: 3em;
9)
Which of the following is an example of the padding shorthand property?
(1pts)
padding-short: 5px;
padding-left: 10px;
padding-top: 10px;
padding: 5px;
10)
#banner { width: 775px; height: 100px; margin-top: 0; margin-bottom: 10px; text-align: center; font-weight: bold; font-size: 24pt; font-family: 'lucida sans unicode', sans-serif; background-image: url(flag.gif); background-repeat: repeat-x; color: navy; background-color: white; border: navy solid thick; }
In the above code, the banner selector is set to be ____ high.
(1pts)
10px
100px
24pt
775px
11)
#banner { width: 775px; height: 100px; margin-top: 0; margin-bottom: 10px; text-align: center; font-weight: bold; font-size: 24pt; font-family: 'lucida sans unicode', sans-serif; background-image: url(flag.gif); background-repeat: repeat-x; color: navy; background-color: white; border: navy solid thick; }
In the accompanying figure, the banner is set to be 10px wide.
(1pts)
True False
12)
#banner { width: 775px; height: 100px; margin-top: 0; margin-bottom: 10px; text-align: center; font-weight: bold; font-size: 24pt; font-family: 'lucida sans unicode', sans-serif; background-image: url(flag.gif); background-repeat: repeat-x; color: navy; background-color: white; border: navy solid thick; }
In the accompanying figure, the image is set to repeat vertically.
(1pts)
True False
13)
With the overflow property, the ____ value allows the box to expand as much as possible.
(1pts)
auto
hidden
scroll
visible
14)
If four values are listed for margin properties, they are applied in _______ order.
(1pts)
top, right, bottom, left
right, top, left, bottom
top, left, bottom, right
left, top, right, bottom
15)
With the overflow property, the ____ value does not display overflow text.
(1pts)
hidden
auto
visible
scroll
16)
With the overflow property, the ____ value displays scroll bars so users can scroll through the box when more text is entered into the box than can be displayed.
(1pts)
visible
hidden
scroll
auto
17)
With the overflow property, the ____ value displays scroll bars only if necessary.
(1pts)
hidden
visible
scroll
auto
18)
Which of the following border style value is the default?
(1pts)
none
inset
groove
solid
19)
Which of the following properties is a shorthand border-style property?
(1pts)
border-shorthand
border-top-style
border-right-style
border-style
20)
With the border-width property, when three values are listed, the third value is applied to the ______.
(1pts)
left
right
bottom
top
21)
When using a border shorthand property, the values of style, width, and color should be separated by a ______.
(1pts)
semicolor
comma
separator not needed
space
22)
What is the main advantage of using the CSS border property instead of the XHTML horizontal rule element?
(1pts)
there are no advantages
it allows you to create vertical ruled lines
it is more convenient
it allows you to create horizontal ruled lines
23)
If you add or delete text or images, the position of a(n) ____ positioned element changes.
(1pts)
absolutely
relatively
dynamically
baseline
24)
No matter how you revise a page to add or delete text or images, a(n) ____ positioned element remains in the same position.
(1pts)
absolutely
relatively
dynamically
baseline
25)
The ________ property is used to position boxes on the page and to wrap content around the box.
(1pts)
border
classification
float
clear
26)
To reposition an element below another element of a page a _______ property is used.
(1pts)
none
clear
float
center
27)
The ____ property can be used to set a fixed or scrolling background image.
(1pts)
background-repeat
background-position
background-attachment
background-image
28)
If you want to always have a particular element displayed on top of a stack, assign the z-index value to be ____.
(1pts)
0
1
-1
100
29)
If you want to always have a particular element displayed on the bottom of a stack, assign the z-index value to be ____.
(1pts)
0
1
50
100
30)
The value of the background-image property begins with ______.
(1pts)
image file name
http
img
url
31)
What is the correct order of the properties and their values for the background property?
(1pts)
background-image, background-attachment, background-position
background-image, background-repeat, background-attachment
background-image, background-repeat, background-color
background-position, background-repeat, background-image
32)
With the media attribute, the ____ value is designed to format your page to print appropriately.
(1pts)
printer
output
paper
33)
To limit a style sheet’s use to a browser, use the value of ____.
(1pts)
output
screen
browser
34)
Most people agree that ____ fonts, such as Times New Roman, are easiest to read on the printed page.
(1pts)
cursive
serif
monotype
sans-serif
35)
In the box model the border is placed between the margin and the padding.
(1pts)
True False
36)
The following style: margin: 10px 4px; sets top and bottom margins equally to 10px, and left and right margins equally to 4px.
(1pts)
True False
37)
By default, most browsers print background images.
(1pts)
True False
38)
Two commonly used classification properties are the float and clear properties.
(1pts)
True False
39)
An external style sheet has higher priority than an embedded style sheet.
(1pts)
True False
40)
XHTML comments can be used as comments for an external style sheet.
(1pts)
True False
41)
Printed copy is usually one column of black text on a white background and in a serif font.
(1pts)
True False
42)
Repeating an image is also known as ____ an image.
(1pts)
kerning
centering
tiling
keying
43)
If you are using more than one style sheet, make sure the style sheet with the media=”screen” comes last.
(1pts)
True False
44)
The ____ property with a positive value will move an element up.
(1pts)
right
top
left
bottom
45)
You cannot use negative numbers as values for the top and left properties.
(1pts)
True False
46)
An external style sheet file extension is __________.
(1pts)
.jpg
.php
.exe
.css
47)
A layout that does not appear on the screen as planned is called ____.
(1pts)
column drop
fluid layout
broken layout
failed layout
48)
An id selector can be used to select _____ on the same page.
(1pts)
several elements as class selectors
not more than two elements
only one instance of a particular element
as many elements as needed
49)
In the fixed-width layout the page and columns ________.
(1pts)
are set to a certain width using the percentage values
are set to a certain width using pixel values
expands and contracts to fill the entire screen
50)
In which part of XHTML code does the link to the external style sheet need to be included?
(1pts)
between the body tags
right after the opening html tag
between the head tags
anywhere in the code
51)
The power of a CSS external style sheet is in _________.
(1pts)
its ability to determine the appearance of many documents
its simplicity
its portability
all of the above
52)
If the width of the container div is set to 900 pixels, which of the following breaks the layout?
(1pts)
header div has a width of 820 pixels
sidebar div has a width of 200 pixels and main column has a width of 700 pixels
sidebar div has a width of 150 pixels and main column has a width of 760 pixels
footer div has a width of 900 pixels
53)
The ________ selector is used to select all of the elements on the Web page.
(1pts)
element
class
id
universal
54)
The order of the content in the document flow is defined by _______.
(1pts)
source order
stack
element order
container order
55)
The top property with a negative value positions an element ________.
(1pts)
below the normal position
does not have any effect
above the normal position
negative values are invalid
56)
What is wrong with the following external style sheet file? <style type="text/css"> body {font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; color: white; background-color: #6d6f58; } </style>
(1pts)
the generic font-family should be serif
style tags should be removed
background-color values cannot contain numbers with letters
nothing is wrong
57)
To import one style sheet into another one the _____ rule needs to be used.
(1pts)
@import
imp
@imp
import
58)
It is recommended that the clear property value for the footer have a value of _______.
(1pts)
both
default
left
right
59)
Define how the image flower.gif will be positioned if the following background shorthand property will be applied? background: url(flower.gif) 1% 50% no-repeat navy;
(1pts)
1% from the right edge of the div and 50% down from the top of the div
1% from the right edge of the div and 50% up from the bottom of the div
1% from the left edge of the div and 50% up from the bottom of the div
1% from the left edge of the div and 50% down from the top of the div
60)
If padding of 2% is used for both columns of the layout then the total of your column widths in percentages should be less than ________.
(1pts)
92%
96%
98%
100%
61)
In a liquid layout, the column widths are determined using _______ values.
(1pts)
em
resolution
pixel
percentage
62)
Padding values for the liquid layout should be expressed in _________.
(1pts)
ems
pixels
percentages
all of the above
63)
The hybrid layout is a combination of __________ layouts.
(1pts)
elastic and liquid
liquid and fixed-width
elastic and fixed-width
none of the above
64)
The sidebar placed to the left of the main column can be floated _________.
(1pts)
right
left and right
left
left or right
65)
The span element is a(n) ________ element.
(1pts)
block-level
inline
grouped
66)
Which of the following needs first to be decided when creating a two-column liquid layout?
(1pts)
the height of the sidebar column
the width of the main column
where the sidebar column will appear (to the left or to the right)
the width of the narrower of the two columns
67)
Which of the following options describes the portrait page orientation?
(1pts)
Page width is equal to its height
Page width is smaller than its height
Page height is smaller than its width
Computer screen resolution
68)
#navbar li a { padding: 1em; color: white; text-decoration: none; }
What is the purpose of the above code?
(1pts)
To style list items containing an anchor element for navbar
To style all list items on the page
To style all anchor elements on the page
69)
If a page contains two sidebar columns, and a main column between them, then the columns that should float are(is) _________.
(1pts)
only the right sidebar column
only the main column
both the left and the right sidebar columns
only the left sidebar column
70)
The page footer is primarily used for _________.
(1pts)
a page banner
links to other Web sites
links to other pages on the Web site
address and contact information
71)
The universal selector starts with __________.
(1pts)
*
#
@
&
72)
To make sure a Web page prints correctly, you need to create a print ____.
(1pts)
grid
medium
style
layout
73)
Use a(n) ____ box when you need to position more than one floating element.
(1pts)
background
integrated
container
index
74)
What does the following code do? #left p, #middle p {margin-bottom: 1em; text-indent: 2em;}
(1pts)
styles both left and middle columns text
is syntactically incorrect
styles left column only
styles middle column text only
75)
What is the main purpose for zeroing out padding and margins for all elements on the Web page?
(1pts)
The layout becomes more consistent when the page is viewed on different browsers
Not only padding and margins but also the borders should be zeroed out
It is not a good practice
It should not be applied to all elements
76)
When defining the size of the printed page _______ are used as unit measurements.
(1pts)
em values
inches
percentages
pixels
77)
#navbar ul li { margin-right: 1em; background: url(button.gif) no-repeat center center; display: inline; list-style-type: none; }
In the above code, what is the purpose of the property value 'center center'?
(1pts)
To center the button.gif background image horizontally
To center the button.gif background image vertically and horizontally
To center the button.gif text vertically and horizontally
To center the button.gif background image vertically
78)
#navbar ul li { margin-right: 1em; background: url(button.gif) no-repeat center center; display: inline; list-style-type: none; } In the above code, what is the purpose of the list-style-type property?
(1pts)
To show default list item markers in the navigation bar
To clean up the navigation bar
To remove any list item markers from the navigation bar
To remove all list items
79)
Fluid layouts are also called flexible layouts.
(1pts)
True False
80)
If the sidebar column is assigned the width of 20%, and the main column is not assigned a width, then the main column will occupy 80% of the screen width.
(1pts)
True False
81)
The output attribute determines to which device the output will be directed.
(1pts)
True False
82)
Column droop occurs when ____.
(1pts)
the bottom margin of a div competes for the same space as the bottom margin of another block-level element
the bottom margin of a div competes for the same space as the top margin of another block-level element
the top margin of a div competes for the same space as the bottom margin of another block-level element
all of the above
both a and c
both b and c
both a and b
83)
What is the default font size for the printed page?
(1pts)
10pt
11pt
12pt
14pt
84)
The following style is valid: img {float: left margin: 0 10px 10px 0; }
(1pts)
True False
85)
In creating a web site, all source code needs to contain name, date, and page purpose comments.
(1pts)
True False