wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

CSS - Quiz 1

Total questions: 40

Worksheet time: 26mins

Name
Class
Date
1.
What does CSS stand for? 
a)
Creative Style Sheets
b)
Cascading Style Sheets
c)
Colorful Style Spread
d)
Computer Style Spread
2.
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
3.
Which is correct CSS syntax? 
a)
{ body; color=black;}
b)
body: color= black
c)
body {color:black;}
d)
(body color is black) 
4.
What symbols go around the properties for each CSS selector?
a)
< >
b)
[ ]
c)
{ }
d)
( )
5.
Which is the value in this CSS?
p {color: red;}
a)
p
b)
color
c)
red
6.
Which is the selector for a link?
a)
a { }
b)
link { }
c)
href { }
d)
a href { }
7.
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.
8.
How can you make a numbered list?
a)
<list>
b)
<ol>
c)
<dl>
d)
<ul>
9.
How can you make a bulleted list?
a)
<ol>
b)
<ul>
c)
<list>
d)
<dl>
10.
The style that you are applying to a selector, e.g. border.
a)
Property
b)
Value
c)
Keyword
d)
Length Units
11.
What is this an example of?
/* This is a multi-line comment */
a)
Syntax
b)
Property 
c)
Value
d)
Comment
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.
Which is the selector in this CSS?
p {color: red;}
a)
p
b)
color
c)
red
14.

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

15.
________ 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
16.
Which is correct CSS syntax? 
a)
{ body; color=black;}
b)
body: color= black
c)
body {color:black;}
d)
(body color is black) 
17.
Select the code below that uses CSS to configure a background color of #000000 for a web page.
a)
body { background-color: #000000; }
b)
body { bgcolor: #000000; }
c)
document { background­-page: #000000; }
d)
None of these
18.
What unit of measurement does CSS use for size?
a)
px
b)
em
c)
%
d)
All work
19.
What property changes the border for an image/table?
a)
border:
b)
border-size:
c)
border-color:
20.
Which is the correct way to format a Font Family for a paragraph? (Hint: make sure you have more than one backup font!)
a)
p { font-face: Arial, Verdana, San-Serif; }
b)
p { font-family: Arial, Verdana, San-Serif; }
c)
p { family-font: Arial, Verdana, San-Serif; }
d)
p { font: Arial, Verdana, San-Serif; }
21.

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;

22.

Which CSS selector applies to the yellow element(s) only? Select the correct answers!

a)

li a{ ... }

b)

li.a{ ... }

c)

li, a{ ... }

d)

li-a{ ...}

e)

none of the above

23.

Which color value in CSS gives a transparency effect?

a)

Color Names

b)

Hex Codes

c)

RGB

d)

RGBA

24.

What will this rule set create?


h1 {

text-decoration: underline overline dotted red;

}

a)

red waves under the heading

b)

red dots over and under the heading

c)

red waves over and under the heading

d)

red dots over the heading

25.
Which line of code correctly places a gif image named "tiger" into a webpage?
a)
<img src="tiger" alt="BengalTiger" />
b)
<img gif=tiger alt="BengalTiger">
c)
<image source="tiger.gif" alt=BengalTiger" />
d)
<img src="tiger.gif" alt="BengalTiger" />
26.

Why doesn't the second rule work?

a)

Missing bracket

b)

Spelling error

c)

Wrong selector

27.

Why won't the background image work?

a)

Spelling error

b)

Missing bracket

c)

Wrong selector

28.

What does this show?

a)

One Declaration

b)

One property

c)

One rule

29.

What part of a rule ends with a semicolon?

a)

Selector

b)

Property

c)

Value

30.

What type of SELECTOR does this rule have?

a)

Class

b)

ID

c)

Tag

31.

What type of selector is this?

a)

Class

b)

ID

c)

Tag

32.

If you want to control space BETWEEN two elements, which property do you add?

a)

Margin

b)

Padding

c)

Spacing

33.

What property puts more space INSIDE an element like the <main> ?

a)

Padding

b)

Margin

c)

Width

34.

What's wrong with this page's structure?

a)

Nesting issues

b)

Overlapping tags

c)

Missing brackets

35.

Which one is a PROPERTY?

a)

width:

b)

1000px;

c)

#wrapper

36.

What does CSS mean?

a)

Cascading Style Sheets

b)

Crafty Style Sayings

c)

Cryptic Smooth Style

37.

Why add CSS to your webpage?

a)

Control the look of your page

b)

Add elements like text & images

c)

Make your page interactive

38.

How many selectors are there in this rule?

a)

1

b)

2

c)

3

39.

The bracket should go after the...

a)

Selector

b)

Declaration

c)

Value

40.

Which one is a VALUE?

a)

#313CFF;

b)

#nav

c)

font-size:

Similar Resources on Wayground

Python and ITIL Quiz

40 questions

Python and ITIL Quiz

quiz

Worksheet

•

Professional Development

Linux Command Multiple Choice Question 2

39 questions

Linux Command Multiple Choice Question 2

quiz

Worksheet

•

Professional Development

Тест 4-6 лекція

39 questions

Тест 4-6 лекція

quiz

Worksheet

•

Professional Development

SUMATIF AKHIR SEMESTER KODING & KA KELAS 7

40 questions

SUMATIF AKHIR SEMESTER KODING & KA KELAS 7

quiz

Worksheet

•

Professional Development

04 Quizz - APPROCHES DU DÉVELOPPEMENT ET CYCLES DE VIE

39 questions

04 Quizz - APPROCHES DU DÉVELOPPEMENT ET CYCLES DE VIE

quiz

Worksheet

•

Professional Development

MOCK EXAM

40 questions

MOCK EXAM

quiz

Worksheet

•

Professional Development

CompTIA Tech+ Exam Review - 10.20.2025

35 questions

CompTIA Tech+ Exam Review - 10.20.2025

quiz

Worksheet

•

Professional Development