wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Chapter 6 Cascading Style Sheets

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

What does CSS stand for?

a)

Cascading Style Sheet

b)

Computer Style Sheet

c)

Computer Styling System

2.

What term describes one specific feature such as size or color?

a)

Property

b)

Declaration Block

c)

Rule

d)

Value

3.

Which property would you set to control the color of the background in an element?

a)

color

b)

back

c)

font-color

d)

background-color

4.

What symbol indicates that numeric values will be hexadecimal instead of decimal?

a)

*

b)

@

c)

#

d)

!

5.

What element would you style to set default properties for all of the other elements on your web page?

a)

<p>

b)

<html>

c)

<head>

d)

<body>

6.

Which of the following declarations will turn the text in a paragraph to bold?

a)

font-weight: bold;

b)

font=bold;

c)

font-size: large;

d)

font-weight: normal;

7.

Which of the following is NOT a way to apply CSS properties to your website?

a)

The inline method

b)

The embedded method

c)

The outline method

d)

The external method

8.

Which of the following lines of code will correctly set the color of text inside a <h2> element to blue, when found in an external CSS file?

a)

h2 {color: blue;}

b)

h2 {text-color:blue;}

c)

style="h2:color,blue;"

d)

h2 text-color:blue

9.

What special element will tell the browser the location of the CSS file?

a)

<css>

b)

<link>

c)

<inline>

d)

<external>

10.

What is true about the format of a declaration block found inside a <style> element instead of inline?

a)

The format is the same as inline, but you might add some white-space to put each declaration on a different line.

b)

You do not need to separate declarations with semi-colons at the end.

c)

You can use an equals sign (-) between the property and value

d)

All of the above are true

11.

What does this code do?

<style type="text/css">p{color: blue;}

a)

creates blue text anywhere "text/css" appears on the web page

b)

makes every "p" text character on the web page blue

c)

creates a web page with a blue background

d)

defines a blue color for text inside a paragraph element

12.

The word "cascading" in CSS is best described by which statement below?

a)

A list of style rules are strictly applied from the bottom to the top of the list, with no exceptions.

b)

The final properties of an element are changed by applying a variety of rules to that particular location within the overall HTML page.

c)

One mistake in a higher rule will immediately wipe out all lower rules.

d)

Once you start to style an element, you are required to continue adding styles until all possible properties are defined.

13.

What special element will tell the browser the location of the CSS file?

a)

<css>

b)

<link>

c)

<inline>

d)

<external>

14.

What symbols are used in external CSS files to create a comment?

a)

<!--and-->

b)

/*and*/

c)

###

d)

//

15.

Given a RGB value of #00FF00, what will be the resulting color on the screen?

a)

Red

b)

Blue

c)

Green

d)

A mixture of red, green and blue

16.

How do you create an inline style?

a)

Define a style rule in your < head > area

b)

Add a list of property attributes to the target element

c)

Add a “style” attribute to the target element

d)

Add a “css” attribute to the target element

17.

Each spot of color on a monitor is defined in RGB, which stands for:

a)

Red, Gray, Brown

b)

Red, Green, Blue

c)

Rose, Green, Black

d)

Red, Green, Black

18.

How many digits are there in the hexadecimal numbering system?

a)

2

b)

16

c)

10

d)

255

19.

What is the disadvantage of placing inline styles in your HTML pages?

a)

If you want to make a site-wide style change, you need to find and edit every copy of those inline styles.

b)

Inline styles clutter your HTML mark-up and make it harder to read.

c)

Both of these are disadvantages.

d)

Neither of these are disadvantages.

20.

What does this line of code in an external CSS file tell the browser? @charset "utf-8"

a)

The character set you are using

b)

The font style to use

c)

That you are using base-8

d)

To bold the text on the screen