Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Yr 11 - CSS

Total questions: 22

Worksheet time: 11mins

Name
Class
Date
1.

What is the difference between HTML and CSS?

a)

CSS is one type of HTML

b)

HTML gives a webpage structure. CSS provides styling.

c)

CSS structures a webpage. HTML strictly provides styling.

d)

There is no difference.

2.

How can you make a un order list?

a)

<list>

b)

<ol>

c)

<dl>

d)

<ul>

3.

What does CSS stand for? 

a)

Creative Style Sheets

b)

Cascading Style Sheets

c)

Colorful Style Spread

d)

Computer Style Spread

4.

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.

5.

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

a)

p

b)

color

c)

red

d)

{}

6.

Which is correct CSS syntax? 

a)

{ body; color=black;}

b)

body: color= black

c)

body {color:black;}

d)

(body color is black)

7.

What unit of measurement does CSS use for size?

a)

px

b)

em

c)

%

d)

All work

8.

Select the rule to make all the text in your web page blue and centered.

a)

p {

colour: blue; }

b)

body {

text-align: left;

colour: blue; }

c)

p {

text-align: center

colour: blue; }

d)

body {

text-align: center

colour: blue; }

9.

What symbols go around the properties for each CSS selector?

a)

< >

b)

[ ]

c)

{ }

d)

( )

10.

In CSS, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values.

a)

True

b)

False

11.
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
12.
If you want to have more than one property for a CSS selector, what character separates them?
a)
comma (,)
b)
semi-colon (;)
c)
colon (:)
d)
dash (-)
13.

What is wrong with this code?

a)

The style sheet <link> statement belongs between <head> and </head>

b)

The style sheet <link> statement belongs between <title> and </title>

c)

The style sheet <link> statement belongs between </head> and <body>

d)

The style sheet <link> statement belongs immediately after the DOCTYPE statement

14.
________ positioning keeps the element in the normal document flow, while ________ positioning takes it out of the normal flow.
a)
relative, absolute
b)
absolute, relative
c)
fixed, static
d)
parallel, universal
15.

Change the border size of the body or image

a)

border-style

b)

border-width

c)

border-color

d)

width

16.

To create a dotted border around the page

a)

border-style

b)

border-width

c)

border-color

d)

width

17.

Set the color of the border

a)

border-style

b)

border-width

c)

border-color

d)

width

18.

Which selector will change the font of the text?

a)

font-size

b)

text-align

c)

font-famiy

d)

text-decoration

19.

Which rule set would change the font size to 24?

a)

font-size: 24

b)

size: 24;

c)

font-size: 24;

d)

font size: 24;

20.

How do you change the font color with CSS?

a)

font-color: green;

b)

color: green;

c)

change-font-color: green;

d)

fontcolor=green;

21.

How would you define

- green component of 9f

- blue component of 25

- red component of da

a)

#9f25da

b)

#25da9f

c)

#da9f25

d)

#da259f

22.

How would you define

• blue component of d2

• red component of 74

• green component of ab

a)

#ab74d2

b)

#d274ab

c)

#74d2ab

d)

#74abd2