Question 1

What do you recall? What are the 4 link states?

Accepted Answer

link

hover

visited

active

Answer

link

homer

visited

active

Answer

sink

hover

visited

active

Answer

link

hover

visited

action

Question 2

What do you recall? Which is the correct format for adding a 2px solid blue border?

Accepted Answer

border: 2px solid blue;

Answer

border: 2px, solid, blue;

Answer

border: 2px solid blue

Answer

border: 2px; solid; blue;

Question 3

What is "Lorem Ipsum" text? What is it used for in web design?

Accepted Answer

standard way designers add dummy text to a paragraph when the actual content is not important.

Answer

standard way designers add dummy containers to a paragraph when the actual content is not important.

Answer

standard way designers add dummy images to a paragraph when the actual content is not important.

Question 4

What values can you use for the width and height properties?

Accepted Answer

pixels or percentages

Answer

ems or picas

Question 5

Are elements on a web page positioned "statically" or "dynamically" by default?

Accepted Answer

statically

Answer

dynamically

Question 6

What CSS property can be used to change the default static behavior?

Accepted Answer

position

Answer

CSS

Answer

property

Question 7

What is the definition of a relative position?

Accepted Answer

elements are located on the screen based on their normal positions within the web page

Answer

element placed relative to the browser window and will not move even if the browser window is scrolled or if the element is put inside another container

Answer

element placed relative to the browser window and will not move even if the browser window is scrolled or if the element is put inside another container

Answer

elements are removed from the normal content flow and other elements on the page act like they aren't there

Question 8

What is the definition of an absolute position?

Accepted Answer

elements are removed from the normal content flow and other elements on the page act like they aren't there

Answer

element placed relative to the browser window and will not move even if the browser window is scrolled or if the element is put inside another container

Answer

elements are located on the screen based on their normal positions within the web page

Question 9

What is the definition of a fixed position?

Accepted Answer

element placed relative to the browser window and will not move even if the browser window is scrolled or if the element is put inside another container

Answer

elements are removed from the normal content flow and other elements on the page act like they aren't there

Answer

elements are removed from the normal content flow and other elements on the page act like they aren't there

Answer

elements are located on the screen based on their normal positions within the web page

Question 10

How does positioning affect the use of screen readers?

Accepted Answer

lets you create pages with the most important information first in your HTML file, but you can still display your elements in the right order visually. That way a screen reader would find the main content first, then the header graphics and navigation links last.

Answer

it does not affect screen readers at all

Answer

lets you create pages with the most important information last in your HTML file, but you can still display your elements in the right order visually. That way a screen reader would find the main content last, then the header graphics and navigation links first.

Question 11

LESSON 3

Accepted Answer

No, there are no questions for Lesson 2! Do not continue until you read Lesson 3.

Question 12

How are elements on a web page layered by default?

Accepted Answer

Elements that are located earlier in the page mark-up file are located towards the bottom layer, and elements written later in the mark-up are placed on top of the earlier items.

Answer

Elements that are located later in the page mark-up file are located towards the top layer, and elements written earlier in the mark-up are placed at the bottom of the earlier items.

Question 13

What property can be used to change the default ordering of layers on a web page?

Accepted Answer

z-index

Answer

y-index

Answer

x-index

Question 14

How do positive or negative z-index values change the layering of an element?

Accepted Answer

The main element has a default value of 0, so any elements with positive z-index numbers will appear on top of the content, and elements with negative numbers will appear underneath.

Answer

The main element has a default value of 100, so any elements with positive z-index numbers will appear on bottom of the content, and elements with negative numbers will appear on top.

Question 15

What z-index value does the main have?

Accepted Answer

0

Answer

100

Answer

1000

Answer

10

Question 16

LESSON 4

Accepted Answer

Stop here until you read Lesson 4!

Question 17

Why would you need to use "relative" positioning on a web page?

Accepted Answer

designing a web site using only absolute or fixed positioning is a very tricky procedure

Answer

you would not use relative positioning; you should only use absolute and fixed

Question 18

What are the possible values and effects for the float property?

Accepted Answer

left & right

Answer

over and out

Answer

in and out

Answer

up and down

Question 19

What are the possible values and effects for the clear property?

Accepted Answer

left right both

Answer

and did

Answer

left right

Answer

up and down

Question 20

What effect does the overflow property have on content that is too large for the container element?

Accepted Answer

defines what the browser should do with content if it overflows an element's box size.

Answer

tells the browser to remove part of the content so it fits.

Related quizzes

Related quizzes