Deck 7: Page Layout Basics

Question 1

Use ____________ positioning to precisely configure the location of an element outside of normal flow.

A) absolute
B) static
C) relative
D) fixed

Answer 1

A

Question 2

What is the term used to describe image file that contains multiple small graphics?

A) thumbnail image
B) sprite
C) image link
D) viewport

Answer 2

B

Question 3

Use ___________ positioning to slightly change the location of an element in relation to where it would otherwise appear when rendered by a browser.

A) absolute
B) static
C) relative
D) fixed

Answer 3

C

Question 4

Use the ________ or _______ property to clear a float.

A) float or clear
B) clear or overflow
C) position or clear
D) overflow or float

Question 5

The _______ pseudo-class configures the styles that will apply when a hyperlink is clicked,

A) :hover
B) :click
C) :active
D) :over

Question 6

Use the ________ property along with the left, right and/or top property to precisely configure the position of an element.

A) position: absolute;
B) position: relative;
C) position: float;
D) absolute: position;

Question 7

From the choices below select the correct order to code CSS pseudo-classes.

A) link, hover, visited, active
B) hover, link, active, visited
C) link, visited, hover, active
D) link, hover, active, visited

Question 8

_________ flow displays the elements on the page in the order they appear in the web page source code.

A) default
B) source code
C) browser
D) normal

Question 9

The _______ pseudo-class configures the styles that will apply for a hyperlink that has not been visited by the user.

A) :unvisited
B) :link
C) :visited
D) :new

Question 10

Choose the example below of a descendant selector that configures the anchor tags within the element assigned to the content id.

A) #content a
B) .content a
C) a#content
D) content#a

Question 11

The _______ pseudo-class configures the styles that will apply when the mouse is placed over a hyperlink.

A) :hover
B) :click
C) :active
D) :over

Question 12

__________________ will cause an object not to display.

A) display: block;
B) display: 0px;
C) display: none;
D) display: fixed;

Question 13

Select the example below that configures a container to clear all floated elements that are within the container.

A) clear: both;
B) overflow: all;
C) overflow: auto;
D) clear: all;

Question 14

Use the _______________ property to eliminate the bullets from an unordered list.

A) bullet-image
B) list-style-none
C) list-style-type
D) list-style-image

Question 15

Which value for the display property is useful when configuring horizontal navigation within an unordered list?

A) none
B) block
C) inline
D) fixed

Question 16

Use ___________ positioning to configure the location of an element to remain the same and to not move even when the web page is scrolled within the browser viewport.

A) absolute
B) static
C) relative
D) fixed

Question 17

If an element is configured with ___________ the other content on the page will appear to its left.

A) position: left;
B) position: relative;
C) float :left;
D) float: right;

Question 18

The CSS to create the class called myfloat that floats to the right of the other page content, has a 10px margin, and a solid border is:

A) .myfloat { float:right; margin:10px; border: 1px solid #000000; }
B) #myfloat { right:float: margin 10px; border: 1px solid #000000; }
C) .myfloat { float:right; 10px:margin; border: 1px solid #000000; }
D) .myfloat { float:right; margin:10px; border: on; }

Question 19

Select the example below that could be used to clear a right float.

A) clear: right;
B) clear: left;
C) right: clear;
D) overflow: right;

Question 20

Select the property that is useful to remove the underline from a hyperlink.

A) font-style
B) underline
C) text-decoration
D) u