CH 6

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

article

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

aside

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

clear or overflow

16. 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;

clear: right;

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

link

21. 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

none

4. _________ 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

normal

27. 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

#special a

17. 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;

overflow: auto;

18. 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

padding

3. The _______ is the area between the content and the border. a. border b. spacing c. padding d. none of the above

padding

2. 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

padding, border, and margin

12. 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;

position:absolute;

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

wrapper

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

hover

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

margin

11. 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

margin:30px 0 0 150px;

15. 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

nav a

9. 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

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

6. 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; }

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

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

/* comment */

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

0 pixels

Multiple Choice. Choose the best answer. 1. 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

class

28. 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

fixed

10. 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;

float:right;

20. 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

link, visited, hover, active

19. 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

list-style-image

5. 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

relative