NEW
Font size
S
M
L
XL
WorksheetsWeb Design- CSS Review
Total questions: 30
Worksheet time: 16mins
Name
Class
Date
1.
You should save HTML files with which file extension?
a)
.htm
b)
.index
c)
.webpage
d)
.html
2.
What symbol should precede hexadecimal color codes?
a)
ampersand
b)
semicolon
c)
number sign
d)
equal sign
3.
If you want to have more than one property for a CSS selector, what character separates them?
a)
comma ,
b)
semi-colon ;
c)
colon :
4.
Which is the correct way to specify the color of a paragraph of text?
a)
p { color:#ff0000; }
b)
p { text-color:#ff0000; }
c)
p { font-color: #ff0000; }
5.
Which of the following is the correct way to specify a square box?
a)
x:200px;
y:200px;
y:200px;
b)
height:200px;
width:200px;
width:200px;
c)
max-height:200px;
max-width:200px
max-width:200px
6.
What does CSS stand for?
a)
Creative Style Sheets
b)
Cascading Style Sheets
c)
Colorful Style Spread
d)
Computer Style Spread
7.
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
8.
What is the correct CSS syntax?
a)
{ body; color=black;}
b)
body: color= black
c)
body {color:black;}
d)
(body color is black)
9.
What CSS property is used to change the background color?
a)
color
b)
bgcolor
c)
bg-color
d)
background-color
10.
Use the ________ tags to code embedded CSS styles in the head section of a web page.
a)
<link></link>
b)
<embed></embed>
c)
<style></style>
d)
None of these
11.
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
12.
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 { family-font: Arial, Verdana, San-Serif; }
c)
p { font-family: Arial, Verdana, San-Serif; }
d)
p { font: Arial, Verdana, San-Serif; }
13.
What symbols go around the properties for each CSS selector?
a)
< >
b)
[ ]
c)
{ }
d)
( )
14.
Which CSS code is buggy?
a)
link {color: blue;}
b)
p {font-size: 10px;}
c)
li {background-color: red;}
d)
img {width: 100%;}
15.
Which CSS code is buggy?
a)
a {color: blue;}
b)
p {font-size: 10px;}
c)
body {background-color="red";}
d)
img {width: 100%;}
16.
What code links your CSS to your HTML file?
a)
<link href="stylesheet.css"/>
b)
<link type="text/css" href="stylesheet.css"/>
c)
<link type="text/css" rel="stylesheet" href="stylesheet"/>
d)
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
17.
What code allows for a comment in CSS?
a)
/* comment yo */
b)
*/ comment yo /*
c)
<!-- comment !-->
d)
<comment>comment yo</comment>
18.
What code allows for a comment in HTML?
a)
/* comment yo */
b)
*/ comment yo /*
c)
<!-- comment !-->
d)
<comment>comment yo</comment>
19.
Which tags do we need to add / to self-close?
a)
<img/>
b)
<link/>
c)
A & B
d)
There is no such thing as self-closing
20.
Which is the selector in this CSS?
p {color: red;}
p {color: red;}
a)
p
b)
color
c)
red
21.
Which is the property in this CSS?
p {color: red;}
p {color: red;}
a)
p
b)
color
c)
red
22.
Which is the value in this CSS?
p {color: red;}
p {color: red;}
a)
p
b)
color
c)
red
23.
A selector (ex: h1{ } ) can only have 1 property
a)
True
b)
False
24.
You should always define a backup font-family in CSS.
a)
True
b)
False
25.
Which is the selector for a link?
a)
a { }
b)
link { }
c)
href { }
d)
a href { }
26.
Which CSS code centers text?
a)
p {align: center;}
b)
p {text-align: center;}
c)
p {align=center;}
d)
p {center;}
27.
What property changes the border for an image/table?
a)
border:
b)
border-size:
c)
border-color:
28.
What unit of measurement does CSS use for size?
a)
px
b)
em
c)
%
d)
All work
29.
How do I remove the underline from a link using CSS?
a)
a {underline: none;}
b)
a {text-decoration: none;}
c)
a {style: none;}
d)
link {underline: none;}
30.
You should just code your CSS styles within your HTML
a)
True
b)
False
Reset
