wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML Unit D Review

Total questions: 25

Worksheet time: 20mins

Name
Class
Date
1.

CSS represents the characteristics of every web page element using the ____ model, which treats each element as a rectangular box having several global properties.

a)

box

b)

rectangle

c)

element

d)

CSS

2.

A CSS unit of measure equal to approximately 1/96 of an inch is a(n) ________ .

a)

em

b)

px

c)

%

d)

rem

3.

The ____ properties all create space around the contents of a web page element.

a)

padding

b)

border

c)

margin

d)

All of these

4.

____ is the space outside the border between the border and adjacent or parent elements.

a)

Margin

b)

Padding

c)

Border

d)

Framing

5.

The box model supports a separate property for each side for ____, such as padding-top or margin-left.

a)

padding

b)

margin

c)

Both of these

d)

Neither of these

6.

CSS lets you specify the exact position of an element on a web page using the ____ property.

a)

ruler

b)

grid

c)

position

d)

location

7.

You can make adjustments to the default position of an element while preserving the space allotted to the element in the default page flow. This technique is known as ____ positioning.

a)

standard

b)

flexible

c)

relative

d)

absolute

8.

The CSS relative positioning property called ____ moves the element the specified distance from the top edge of the closest ancestor element that is also positioned; the default value, 0, leaves the element in its original vertical position.

a)

edge

b)

top

c)

upper

d)

bottom

9.

The CSS property of left can have a value in em, pixels, or percent of the ____.

a)

width of the browser element

b)

height of the browser element

c)

width of the child element

d)

height of the child element

10.

The CSS property of top can have a value in em, pixels,or percent of the ____.

a)

width of the browser element

b)

height of the browser element

c)

width of the child element

d)

height of the child element

11.

When the CSS property of position is set to ____ it moves the element relative to its original position and allows other elements to flow into the space that the absolutely positioned element would have otherwise occupied.

a)

relative

b)

absolute

c)

left

d)

right

12.

By creating a fluid layout, which is also known as a(n) ____ layout, you give your Web page the flexibility to adjust its width based on the width of a user’s browser window while still maintaining your intended layout.

a)

liquid

b)

water

c)

unstructured

d)

flexible

13.

The specfication "_____" is a relative unit that represents the current font size.

a)

m

b)

em

c)

mem

d)

me

14.

Kamilla is creating a pet adoption website, and is currently learning about her options using the position property.


Kamilla discovers that although there are several options for the position property, ____ is not one of them.

a)

absolute

b)

fixed

c)

relative

d)

float

15.

Kamilla is creating a pet adoption website, and is currently learning about her options using the position property.


If Kamilla wants an element to remain in the same location in a browser window, even as the user scrolls through the Web page, she would use the ____ position property.

a)

absolute

b)

fixed

c)

relative

d)

float

16.

Referring to the figure attached, letter c indicates element ____.

a)

padding

b)

border

c)

margin

d)

content

17.

Referring to the figure attached, letter d indicates element ____.

a)

padding

b)

border

c)

margin

d)

content

18.

Referring to the figure attached, letter e indicates element ____.

a)

padding

b)

border

c)

margin

d)

content

19.

Referring to the figure attached, the minimum width for the element is ____.

a)

44em

b)

60em

c)

0

d)

You cannot tell from the figure

20.

Referring to the figure attached, the maximum width for the element is ____.

a)

44em

b)

60em

c)

0

d)

You cannot tell from the figure

21.

Referring to the figure above, to achieve the page flow shown on the left, the elements use the default arrangement known as ______.

a)

static flow

b)

fluid flow

c)

normal flow

d)

default flow

22.

Referring to the figure attached, to achieve the page flow shown on the right, you would use _____ .

a)

float: left

b)

float: right

c)

float: clear

d)

float: none

23.

Referring to the figure attached, the fact that the Web page width can vary means that this is an example of a ____ layout.

a)

minimum

b)

maximum

c)

relative

d)

fluid

24.

Figure A. shows the Web page at its minimum width which was set using the ____ property.

a)

narrow

b)

min-width

c)

max-width

d)

relative-width

25.

Figure B. shows the Web page at its maximum width which was set using the ____ property.

a)

wide

b)

max-width

c)

min-width

d)

absolute-width