wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

ITAA unit 4: CSS Layout

Total questions: 10

Worksheet time: 9mins

Name
Class
Date
1.

Why are we learning how to create and modify HTML 'container' boxes?

a)

It will help you create online games.

b)

To understand how to create layout design for the web.

c)

Container boxes help you create text color.

2.

The tags that are used to create container boxes are: (a)  

Choose from the below words
<box>
<style>
<div>
3.

Why do we nestle 'boxes within boxes' so much?

a)

Because it's part of HTML.

b)

It allows you to format your content the way you envision.

c)

It allows you to create animation on a web page.

4.

You've made four container boxes and want them all to have a green background color. You need to:

a)

Create a separate ID (#box) for each, and style each ID separately

b)

Create a single CLASS (.box) and style that CLASS only once.

c)

It's just not possible

5.

You have four yellow container boxes, and want to change ONE box to blue. You...

a)

have to name the box with an ID or CLASS, and style it separately.

b)

have to style each box separately in the CSS.

c)

have to change the colors inside the HTML.

6.

If you're wanting more than one item to be on the same line on a web-page, a CSS 'width' attribute should be used (a)  

Choose from the below words
True
false
7.

Dreamweaver: The panel you use to see how your website STRUCTURE is being built is the:

a)

DOM panel

b)

CSS DESIGNER panel

c)

INSERT panel

8.

Dreamweaver: The panel you use to format and style a portion of your webpage is the:

a)

DOM panel

b)

CSS DESIGNER panel

c)

INSERT panel

9.

Dreamweaver: The panel you use to ADD an element to your web page is the:

a)

DOM panel

b)

CSS DESIGNER panel

c)

INSERT panel

10.

Organize these options into the right categories

Categorize the following

Placing items on your page inside a container

Change the properties of items in a container so they fit side-by-side

Add a new item to your webpage

Color a portion of your web page

Create a new list item to your page

Re-order the order of items or boxes on your web-page

DOM Panel
CSS Designer Panel
INSERT Panel