Chapter 6

Choose the example below that configures a comment in CSS. a. <! comment !> b. /* comment */ c. // comment // d. << comment >>

b. /* comment */

Use the ________ property to configure an image to use as a bullet point in an unordered list. a. bullet-image b. list-style-image c. image-style d. bullet-style-image

b. list-style-image

The ________ HTML5 element is used to configure the main navigation area on a web page. a. navigation b. nav c. command d. header

b. nav

Select the example below that configures a container to clear all floated elements that are within the container. a. clear: both; b. overflow: auto; c. overflow: all; d. clear: all;

b. overflow: auto;

Choose the item below that is not an HTML5 element. a. figcaption b. wrapper c. footer d. article

b. wrapper

From the choices below select the correct order to code CSS pseudo-classes. a. link, hover, visited, active b. link, visited, hover, active c. link, hover, active, visited d. hover, link, active, visited

b. link, visited, hover, active

The default value for the border property for an element is: a. 1 pixel b. 3 pixels c. 0 pixels d. 10 pixels

c. 0 pixels

________ flow displays the elements on the page in the order they appear in the web page source code. a. Normal b. Browser c. Default d. Source code

a. Normal

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. fixed b. static c. relative d. absolute

a. fixed

The ________ HTML5 element is used to configure the top logo area on a web page. a. header b. head c. nav d. main

a. header

Choose the example below of a descendent selector that configures the anchor tags with the nav element. a. nav a b. a nav c. .navigation a d. #nav a

a. nav a

Set list-style-type to the value ________ to hide the display of the list markers on an ordered list. a. none b. nodisplay c. invisible d. hide

a. none

When configuring the background color of an element, the background color is applied to both the content and ________ areas. a. padding b. border c. margin d. extra

a. padding

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:float; c. absolute:position; d. position:relative;

a. position:absolute;

Use ________ positioning to slightly change the location of an element in relation to where it would otherwise appear when rendered by a browser. a. relative b. float c. display d. absolute

a. relative

The ________ HTML5 element is used to tangential or supplemental content. a. section b. main c. aside d. header

c. aside

The ________ pseudo-class configures the appearance of the hyperlink before it is clicked. a. hyperlink b. hover c. link d. active

c. link

When using the box model, the ________ is always transparent. a. border b. content c. margin d. spacing

c. margin

The ________ is the area between the content and the border. a. border b. spacing c. padding d. None of these

c. padding

Use an id to configure a style when: a. None of these. b. the style is used for all elements on a page. c. the style will apply to only one element on a page. d. the style could apply to more than one element on a page.

c. the style will apply to only one element on a page.

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 these

class

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: on; } b. .myfloat { float:right; 10px:margin; border: 1px solid #000000; } c. #myfloat { right:float: margin 10px; border: 1px solid #000000; } d. .myfloat { float:right; margin:10px; border: 1px solid #000000; }

d. .myfloat { float:right; margin:10px; border: 1px solid #000000; }

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. aside c. section d. article

d. article

Use the ________ or ________ property to clear a float. a. position or clear b. float or clear c. overflow or float d. clear or overflow

d. clear or overflow

Select the example below that could be used to clear a right float. a. overflow: right; b. right: clear; c. clear: left; d. clear: right;

d. clear: right;

If an element is configured with ________ the other content on the page will appear to its left. a. position:relative; b. float:left; c. position:left; d. float:right;

d. float:right;

The ________ pseudo-class configures the styles that will apply when the mouse is on a hyperlink. a. over b. active c. click d. hover

d. hover

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. None of these d. margin:30px 0 0 150px;

d. margin:30px 0 0 150px;

The box model consists of a content area surrounded by: a. border and margin b. spacing, border, and margin c. a border d. padding, border, and margin

d. padding, border, and margin