1.docx

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

 

print

 

paper

33)

To limit a style sheet’s use to a browser, use the value of ____.

(1pts)

 

print

 

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