Free Printable CSS Box Model +

1.

HTML elements are:

a)

rectangular boxes

b)

circles

c)

imaginary

d)

quadrants

2.

All of the following are a part of the box model EXCEPT

a)

radius area

b)

padding area

c)

margin area

d)

content area

3.

What is the area between the content and the border?

a)

padding

b)

margin

c)

height

d)

width

4.

What is the outermost area of the CSS Box Model?

a)

margin

b)

padding

c)

border

d)

width/height

5.

Which of the following is NOT a border property?

a)

type

b)

style

c)

width

d)

color

6.

Which model includes margin, border, padding, and content?

a)

CSS Box model

b)

CSS3 Flexbox Box model

c)

CSS3 Grid Layout model

d)

CSS Grid Template Layout Module

7.

Karen wants to begin a new line within a paragraph of text on a webpage. Which code should she use?

a)

<li>

b)

<h1>

c)

<hr>

d)

<br>

8.

What is the proper code to insert an image named "frog.jpg"?

a)

b)

<img="frog.jpg" width="104" height="142">

c)

d)

9.

Which tag defines the visible content of a web document?

a)

<head>

b)

<meta>

c)

<title>

d)

<body>

10.

Where in the HTML document is the correct location to insert code to link to your external CSS?

a)

In the <head> section

b)

In the <body> section

c)

At the very end of the document

d)

At the very beginning of the document

11.

Which is correct CSS syntax?

a)

{ body; color=black;}

b)

body: color= black

c)

body {color:black;}

d)

(body color is black)

12.

What symbols go around the properties for each CSS selector?

a)

< >

b)

[ ]

c)

{ }

d)

( )

13.

Which is the value in this CSS?
p {color: red;}

a)

p

b)

color

c)

red

14.

What property changes the border for an image/table?

a)

border:

b)

border-size:

c)

border-color:

15.

If you want to have more than one declaration in a CSS rule, what character separates them?

a)

comma ,

b)

semi-colon ;

c)

colon :

16.

Which CSS property below is a part of the box model?

a)

align

b)

width

c)

line-height

d)

color

17.

Calculate the width of this element

a)

400px

b)

454px

c)

400x100

d)

100

18.

Padding...

a)

pushes the content away from the border of the element

b)

pushes the element away from other elements

c)

Makes the element invisible

d)

Make the element visible.

19.

Why would you use an id selector with your CSS styles?

a)

To apply a specific CSS style to one unique element

b)

To define the relationship between an HTML document and the external CSS file to which it is linked

c)

To specify an external CSS file's MIME type

d)

To apply a specific CSS style to a group of like elements

20.

Which of the following can be considered a benefit of Cascading Style Sheets (CSS)?

a)

One simple change to the style sheet will change all associated elements across the site.

b)

The formatting instructions in the style sheet are not inherited throughout the document, providing flexibility.

c)

changes

d)

You can use CSS in lieu of HTML to develop Web pages.

CSS Box Model +

Total questions: 20

Worksheet time: 13mins

Similar Resources on Wayground