wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

3.1-basic-CSS-review

Total questions: 10

Worksheet time: 20mins

Name
Class
Date
1.

What are the three ways of adding CSS to code? (select all that apply)

a)

external CSS

b)

inline CSS

c)

write-in CSS

d)

internal CSS

2.

Which way of adding CSS to code is industry standard? (select one)

a)

external CSS

b)

inline CSS

c)

write-in CSS

d)

internal CSS

3.

What property/value pair would change the color of text to red? (select one)

a)

text-color: red;

b)

color: red;

c)

font-color: red;

d)

font: red;

4.

What is the margin on the right-side of the divs in this code?

div {

margin: 10px 25px 5px 30px;

}

(select one)

a)

10px

b)

25px

c)

5px

d)

30px

5.

What code block would change the color of a link to red after it's clicked? (select one)

a)

a:link {color: red;}

b)

a:visited {color: red;}

c)

a:hover {color: red;}

d)

a:active {color: red;}

6.

Which of the following specificity rules is accurate? (select one)

a)

.CLASS beats #ID beats ELEMENT

b)

ELEMENT beats .CLASS beats #ID

c)

.CLASS beats ELEMENT beats #ID

d)

#ID beats .CLASS beats ELEMENT

7.

Which of the following specificity rules is accurate? (select one)

a)

INLINE beats INTERNAL beats EXTERNAL

b)

EXTERNAL beats INLINE beats INTERNAL

c)

EXTERNAL beats INTERNAL beats INLINE

d)

INTERNAL beats EXTERNAL beats INLINE

8.

What are the parts of the box model? (select all that apply)

a)

content

b)

padding

c)

border

d)

margin

9.

When/why would you use comments in code? (select all that apply)

a)

to keep your code organized with labels

b)

to explain what code does for future developers

c)

to temporarily remove code from being active to debug issues

d)

to sign your name to the code so what you write is copyrighted

10.

Write in the correct keyword in the blank to make the div invisible in the following code:

div {

display: (a)   ;

}