wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Unit 2 Post Assessment

Total questions: 14

Worksheet time: 11mins

Name
Class
Date
1.

Which word is best defined as "a language used to describe how HTML elements should be styled"?

a)

HTML

b)

CSS

c)

Tag

d)

Heading

e)

Element

2.

Which of these tasks are most appropriate for CSS? (Select all that apply)

a)

Change the background color

b)

Add an image

c)

Add a link

d)

Change the font size

e)

Add Text

3.

Which are you more likely to find in a CSS file? (Select all that apply)

a)

b)

c)

d)

e)

4.


Given the following website, what would you add to the CSS file so the images of clouds and rainbows have a height of 50 px?

a)

b)

c)

d)

e)

5.

Given this webpage, predict the HTML.

a)

b)

c)

d)

e)

6.


Debug the following image tag <img src=rainbow.jpg" alt="a rainbow">

a)

There should not be an alt attribute

b)

img should be image

c)

Add a starting quotation mark to the name of the rainbow.jpg file

d)

Add a closing </img> tag

e)

No changes necessary

7.

Given this webpage and HTML, predict the CSS.

a)

b)

c)

d)

e)

8.


Which of the following is an example of your digital footprint?

a)

Your Birthday

b)

Your Address

c)

Your Phone Number

d)

Your Name

e)

All of the above

9.

Which of the following elements most likely increase a website's trustworthiness?

a)

Posted Anonymously

b)

Images are high quality

c)

Lots of ads

d)

Sources are cited

10.


When flex-wrap is set to wrap and flex-direction is column, how will flex items behave in a container that exceeds its height?

a)

Items will wrap from top to bottom

b)

Items will overflow the container without wrapping

c)

Items will align vertically until reaching the container's maximum width

d)

Items will wrap onto a new column beside the first

11.

What Flex properties have been applied to create the layout pictured below?

a)

align-items: space-between; and justify-content: center;

b)

justify-content: space-between; and align-items: center;

c)

justify-content: space-around; and and align-items: flex-start;

d)

align-items: space-evenly; and justify-content: center;

e)

justify-content: center; and align-items: center;

12.


In a flex container with align-items: flex-start, one child item has align-self: flex-end. What impact does align-self have on this item?

a)

It has no effect since align-items is set to flext-start.

b)

It overrides align-items, aligning the item at the end of the container.

c)

It makes the item align in the center of the container.

d)

It causes the item to grow to fill the container.

13.

What CSS property specifies the color of text?

(a)  

14.

What is the purpose of copyright?

4 lines