Deck 6: Page Layout

Question 1

_________ 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

Answer 1

D

Question 2

The _______ is the area between the content and the border.

A) border
B) spacing
C) padding
D) none of the above

Answer 2

C

Question 3

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;

Answer 3

A

Question 4

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 5

The default value for the border property for an element is:

A) 1 pixel
B) 0 pixels
C) 3 pixels
D) 10 pixels

Question 6

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 7

When configuring the background color of an element, the background color is applied to both the content and ______ areas.

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

Question 8

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 9

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 10

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 11

The box model consists of a content area surrounded by:

A) a border
B) padding, border, and margin
C) border and margin
D) spacing, border, and margin

Question 12

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 13

Which of the following configures a margin for an element with the following values: top margin 30 pixels, left margin 150 pixels, right margin 0 pixels, and bottom margin 0 pixels?

A) margin: 150px 20px 0 300px;
B) margin:top-30, left-150, right-0, bottom-0;
C) margin:30px 0 0 150px;
D) none of the above

Question 14

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) float
C) relative
D) display

Question 15

Use the _______________ property to configure an image to use as a bullet point in an unordered list.

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

Question 16

When using the box model, the _____ is always transparent.

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

Question 17

Choose the example below of a descendent selector that configures the anchor tags with the nav element.

A) nav a
B).navigation a
C) #nav a
D) a nav

Question 18

To apply a style to one or more elements on a web page, configure a CSS _____________.

A) group
B) id
C) class
D) None of the above

Question 19

Use an id to configure a style when:

A) the style could apply to more than one element on a page.
B) the style will apply to only one element on a page.
C) the style is used for all elements on a page.
D) None of the above

Question 20

Choose the example below that configures a comment in CSS.

A) < ! comment ! >
B) // comment //
C) /* comment */
D) < < comment > >

Question 21

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

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

Question 22

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

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

Question 23

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 24

Choose the HTML5 element below that is used to configure an area on a web page that can stand on its own and could potentially be syndicated.

A) div
B) section
C) article
D) aside

Question 25

The _____ pseudo-class configures the appearance of the hyperlink before it is clicked.

A) hover
B) link
C) hyperlink
D) active

Question 26

The ________ HTML5 element is used to contain tangential or supplemental content.

A) header
B) main
C) aside
D) section

Question 27

Choose the item below that is not an HTML5 element.

A) footer
B) figcaption
C) wrapper
D) article

Question 28

Set list-style-type to the value ___________ to hide the display of the list markers on an ordered list.

A) none
B) hide
C) invisible
D) nodisplay