wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

CodeHS Advanced HTML/CSS Review

Total questions: 15

Worksheet time: 15mins

Name
Class
Date
1.

Assume you have two files for your website, and these files exist in the same folder:

about.html

style.css

Which of the following is the proper way to apply the CSS code inside style.css to the about.html file?

a)
b)
c)
d)
2.

Which of the following would you use an IFrame for?

a)

Embedding a map from Google Maps in your website

b)

Adding an image to your website

c)

Changing an image’s opacity when the user hovers over the image

d)

Adding a filter to an image on your website

3.

You are trying to apply the same style to several different elements in a block, with line breaks before and after. Which tag should you use?

a)

<span>

b)

<div>

c)

<style>

d)

<src>

4.

Which of the following selects all elements with the class footer that are inside of divs?

a)
b)
c)
d)
5.

Which of the following selects all a tags that are immediate children of div tags?

a)

div > a

b)

...

c)

div < a

d)

div + a

6.

Why is it important to avoid repetitive code while creating a website?

a)

Excessive code is harder to read and understand

b)

It is easier to make edits to websites when CSS rules are strategically grouped and organized

c)

It demonstrates good coding style

d)

All of the above

7.

Which of the following will turn the first letter of all p elements blue?

a)
b)
c)
d)
8.

Which of the following selects images as the mouse hovers over them and sets their size to 350px by 350px?

a)
b)
c)
d)
9.

Which of the following settings will not make an element invisible?

a)

visibility: hidden

b)

appearance: off

c)

opacity: 0

d)

display: none

10.

True or False: Only CSS has online documentation because it is a more complex language than HTML.

a)

True

b)

False

11.

True or False: None of the changes you make in the Inspector will be saved.

a)

True

b)

False

12.

Which of the following defines border thickness so that the top and bottom borders are 10px thick and left and right borders are 5px thick?

a)

border: 5px 10px 5px 10px

b)

border: 5px 5px 10px 10px

c)

border: 10px 10px 5px 5px

d)

border: 10px 5px 10px 5px

13.

Which of the following applies the invert filter to all images with the class “inverted”?

a)
b)
c)
d)
14.

Which of the following defines an animation change-color that changes the font color from green to red?

a)
b)
c)
d)
15.

Which of the following will result in a smooth transition from green to red as the mouse clicks on h1 tags?

a)
b)
c)
d)