Free Printable Css-BoxModel

1.

Change the border size of the body or image

a)

border-style

b)

border-width

c)

border-color

d)

width

2.

To create a dotted border around the page

a)

border-style

b)

border-width

c)

border-color

d)

width

3.

sets the element to one side of the page

a)

margin

b)

width

c)

float

d)

height

4.

sets the color of words in a paragraph

a)

h1 {

color: pink;

}

b)

img {

color: pink;

}

c)

body {

color: pink;

}

d)

p {

color: pink;

}

5.

What does a class do?

a)

adds color to words

b)

adds style to specific elements

c)

adds style to a whole page

d)

adds a lot more work

6.

Select the rule set to make all the text in your web page blue and centered.

a)

p {

color: blue;

}

b)

body {

text-align: left;

color: blue;

}

c)

p {

text-align: center;

color: blue;

}

d)

body {

text-align: center;

color: blue;

}

7.

Which selector will change the font of the text?

a)

font-size

b)

text-align

c)

font-famiy

d)

text-decoration

8.

Which rule set would change the font size to 24?

a)

font-size: 24

b)

size: 24;

c)

font-size: 24;

d)

font size: 24;

9.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

10.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

11.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

12.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

13.

What symbols go around the properties for each CSS selector?

a)

< >

b)

[ ]

c)

{ }

d)

( )

14.

If you want to have more than one property for a CSS selector, what character separates them?

a)

comma (,)

b)

semi-colon (;)

c)

colon (:)

d)

dash (-)

15.

Select the code below that uses CSS to configure a background color of #000000 for a web page.

a)

body { background-color: #000000; }

b)

body { bgcolor: #000000; }

c)

document { background-page: #000000; }

d)

None of these

16.

Which CSS code is incorrect?

a)

a {color: blue;}

b)

p {font-size: 10px;}

c)

body {background-color="red";}

d)

img {width: 100%;}

17.

Which line of code correctly places a gif image named "tiger" into a webpage?

a)

b)

c)

d)

18.

Which of the following is the proper way to code an inline style attribute?

a)

color=blue

b)

color="blue"

c)

color blue

d)

color=(blue)

19.

Which item interprets the source code in a web document?

a)

Text editor

b)

Web browser

c)

HTML editor

d)

Web server

20.

Which is the value in the CSS code below?

h1 {border: 29px solid red}

a)

h1

b)

{ }

c)

border

d)

29px solid red

21.

Identify the CSS code use to create this border.

a)

p {border: 5px solid pink;

border-radius:25px; }

b)

p {border: 5px double pink;

border-radius:25px; }

c)

p {border: 5px solid pink; }

d)

p {border: 5px dotted pink;

border-radius:25px; }

22.

Which CSS code create a white and dotted styled border.

a)

h3 {border: 10px white pink;}

b)

h3 {border: 10px dotted gold;}

c)

h3 {border: 10px white dotted;}

d)

h3 {border: 10px dotted white;}

23.

You can customize each side of the border.

a)

TRUE

b)

FALSE

24.

Which of the property changes the width, style and color of the right border?

a)

border-top

b)

border-bottom

c)

border-right

d)

border-left

25.

A shorthand property used to specify the individual border properties: border-width, border-style and border-color.

a)

border-bottom

b)

border

c)

border-left

d)

border-top

Css-BoxModel

Total questions: 25

Worksheet time: 13mins

Similar Resources on Wayground