wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS Test

Total questions: 100

Worksheet time: 3605secs

Name
Class
Date
1.

If we want define style for an unique element, then which css selector will we use ?

a)

Id

b)

text

c)

class

d)

name

2.

Which of the following property is used to control the repetition of an image in the background?

a)

background-repeat

b)

background-color

c)

background-image

d)

background-position

3.

Which of the following property is used to increase or decrease how bold or light a font appears?

a)

font-weight

b)

font-variant

c)

font-style

d)

font-family

4.

Which of the following property is used to set the width of an image?

a)

border

b)

height

c)

width

d)

-moz-opacity

5.

Which of the following property changes the color of right border?

a)

border-top-color

b)

border-left-color

c)

border-right-color

d)

border-bottom-color

6.

Which of the following property allows you to control the shape or appearance of the marker of a list?

a)

list-style-position

b)

list-style

c)

list-style-type

d)

list-style-image

7.

Which of the following selector selects an element that has no children?

a)

:empty

b)

:nochild

c)

:inheritance

d)

:no-child

8.

What type of selector is used in this case?

p {line-height: 150%;}

a)

class Selectors

b)

element Selectors

c)

id Selectors

d)

none of the mentioned

9.

By applying an ___________ a style can be applied to just a single tag.

a)

class rule

b)

element rule

c)

id rule

d)

none of the mentioned

10.

The _____________ attribute is used to define the name(s) of the class(es) to which a particular tag belongs.

a)

element

b)

class

c)

id

d)

none of the mentioned

11.
The style that you are applying to a selector, e.g. border.
a)
Property
b)
Value
c)
Keyword
d)
Length Units
12.
What does CSS stand for? 
a)
Creative Style Sheets
b)
Cascading Style Sheets
c)
Colorful Style Spread
d)
Computer Style Spread
13.
What symbols go around the properties for each CSS selector?
a)
< >
b)
[ ]
c)
{ }
d)
( )
14.
Which is the property in this CSS?
p {color: red;}
a)
p
b)
color
c)
red
15.
Which is the Value in the CSS?
p {color: red;}
a)
p
b)
color
c)
red
16.
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.
17.
The way you declare which elements the styles should apply to.
a)
Declaration
b)
Selector
c)
Property
d)
Value
18.
_______ is generally any single line of CSS that appears between the curly braces, whether shorthand or longhand.
a)
Keyword
b)
Declaration 
c)
Value
d)
Boogers
19.
Which is correct CSS syntax? 
a)
{ body; color=black;}
b)
body: color= black
c)
body {color:black;}
d)
(body color is black) 
20.
What is this an example of?
/* This is a multi-line comment */
a)
Syntax
b)
Property 
c)
Value
d)
Comment
21.

A language used to describe how HTML elements should be styled

a)

CSS Cascading Style Sheets

b)

HTML Hyper Text Markup Language

c)

PHP

d)

Javascript

22.

The part of a CSS rule-set that defines which HTML

elements the style should be applied to

a)

Declaration

b)

Value

c)

Selector

d)

Link

23.

An identifier that allows multiple elements in an HTML document to be styled in the same way

a)

Value Selector

b)

CSS id

c)

class selector

d)

CSS Class

24.

A document that controls how a web page will appear. External style sheets are separate files that are linked to the HTML page.

a)

Style Sheet

b)

Style Page

c)

Page Style

d)

HTML Style

25.

_________ is a language that controls the way content on a web site appears.

a)

HTML

b)

ABC

c)

Java

d)

CSS

26.

A single point of light on the screen, abbreviated as px, is how elements are measured in CSS.

a)

Beam

b)

Pixel

c)

Pigment

d)

Piglet

27.

What CSS property determines the alignment the text?

a)

font-family

b)

text-decoration

c)

text-alignment

d)

text-control

28.

What CSS property determines what type of font to use?

a)

text-decoration

b)

font-family

c)

font-decoration

d)

text-family

29.

Additional styling for your text such as underline is created by the ___________ css property

a)

text-decoration

b)

text-style

c)

text-option

d)

text-decorative

30.

All colors, whether they have names or not, can be described by the level of red, green, and blue light it takes to make them. This is called an _______ _________.

a)

Hex Code

b)

Pixels

c)

RGB Value

d)

RGB Name

31.
The collected information about an individual across multiple websites on the Internet.
a)
Digital Footprint
b)
HTML
c)
Cascading Style Sheet
d)
Header
32.
What are those things that we shouldn't post on Social Media?
a)
Phone Number
b)
Address
c)
Email Address
d)
All of the Above
33.
Where can we find the link for the css file?
a)
On the selector of the css file itself
b)
On Social Media Pages
c)
On the header tag in our html file
d)
On the Digital Footprint
34.
A language used to describe how HTML elements should be styled
a)
HTML
b)
JavaScript
c)
DBMS or Database Management System
d)
CSS or Cascading Style Sheets
35.
The part of a CSS rule-set that defines which HTML elements the style should be applied to.
a)
CSS Value
b)
CSS Property
c)
CSS Selector
d)
Cascading Style Sheet
36.
What are the easiest colors we can use in CSS?
a)
most common color names
b)
metallic colors only
c)
new colors like periwinkle
d)
html coded colors
37.
In this code: h1 { color: red; font-size; 24px } What is font-size and color called in CSS?
a)
Value
b)
Selector
c)
Link
d)
Property
38.
Which is true?
a)
We do not need to link the css to the html because code.org does it for us automatically.
b)
The html tags should have a closing and opening tag when we write them in the stylesheet.
c)
The punctuation, such as the curly braces {}, the colon :, and the semicolon ;, help the computer to understand the rules in the style sheet.
d)
The stylesheet is written in javascript.
39.
A document that controls how a web page will appear.
a)
paragraph tag
b)
heading
c)
list tag
d)
style sheet
40.
Which code is correct?
a)
<img src="style.css">
b)
<link rel="stylesheet" href="style.css">
c)
<a href="style.css">style sheet</a>
d)
none is correct
41.
We can define the font style in CSS?
a)
true
b)
false
42.
What can we not find in a css file?
a)
a closing tag
b)
a curly brace
c)
a semicolon
d)
a colon
43.
The correct way of placing our html tags like the paragraph and the list is inside the html body <body> </body>
a)
true
b)
false
44.
The special set of characters that indicates the start and end of an HTML element and that element's type
a)
Cascading Style Sheets
b)
HTML Tag
c)
header
d)
document type
45.
What is not an example of a bug?
a)
putting code in the wrong place
b)
putting an opening tag and a closing tag
c)
using the wrong tag
d)
forgetting to close a tag
46.

Text or an image in a document that contains a link to another location is _____________.

a)

hypertext

b)

website

c)

copyright

d)

element

47.

A collection of documents located on the Internet by an address is called the ______________.

a)

World Wide Web (www)

b)

Cascading Style Sheet (CSS)

c)

Hypertext Markup Language (HTML)

d)

website

48.

A standardized way to create documents so a web browser could display them is ______________.

a)

Hypertext Markup Language (HTML)

b)

Cascading Style Sheet (CSS)

c)

Rule

d)

World Wide Web (www)

49.

A collection of linked documents is ________________.

a)

website

b)

web page

c)

web browser

d)

World Wide Web (WWW)

50.

Individual documents within the website are called _______________.

a)

web page

b)

inline element

c)

web browser

d)

Cascading Style Sheet (CSS)

51.

Used in HTML to give the web browser commands is called _______________.

a)

element

b)

rule

c)

inline element

d)

block-level element

52.

Provides formatting information for a web page is called _________________.

a)

cascading style sheet (css)

b)

copyright

c)

web browser

d)

Hypertext Markup Language (HTML)

53.

________________ are embedded into HTML file within the element being formatted.

a)

inline style

b)

internal style

c)

inline element

d)

external style

54.

________________ are defined in the <head> section of the HTML file.

a)

internal styles

b)

inline element

c)

external style

d)

hypertext

55.

Similar to internal styles, but contained in a separate CCS file with the .css file extension is called _______________.

a)

external styles

b)

Cascading Style Sheet (CSS)

c)

copyright

d)

element

56.

_______________ is the ownership of a creative work.

a)

copyright

b)

rule

c)

Cascading Style Sheet (css)

d)

website

57.

In graphic design, straight line is called a __________________.

a)

rule

b)

hypertext

c)

web page

d)

block-level element

58.

HTML code element that does not start a new line and uses only as much space as it needs is called _________________.

a)

inline element

b)

external style

c)

hypertext

d)

inline style

59.

Software used to retrieve and display hypertext documents is called ______________.

a)

web browser

b)

inline style

c)

rule

d)

inline element

60.

It is a language that defines the style of HTML elements.

a)

Hypertext Markup Language

b)

Cascading Style Sheets

c)

Counter Strike Source

d)

Javascript

61.

It is a part of the CSS code that refers to an HTML tag that you want to style.

a)

Value

b)

Selector

c)

Declaration

d)

Property

62.

It is a part of the CSS code that is used to set style properties to an HTML element.

a)

Declaration

b)

Property

c)

Selector

d)

Value

63.

It is a style sheet that is used to apply a unique style to a single HTML element.

a)

Cascading Style Sheet

b)

Inline Style Sheet

c)

Internal Style Sheet

d)

External Style Sheet

64.

It is a style sheet that is used to define a style for a single HTML page.

a)

Cascading Style Sheet

b)

Inline Style Sheet

c)

Internal Style Sheet

d)

External Style Sheet

65.

It is a style sheet that is used to define the style for many HTML pages.

a)

Cascading Style Sheet

b)

Inline Style Sheet

c)

Internal Style Sheet

d)

External Style Sheet

66.

It is a CSS property that specifies the style of a text.

a)

font-family

b)

font-style

c)

text-style

d)

font-variant

67.
Karen wants to begin a new line within a paragraph of text on a webpage. Which code should she use?
a)
<li>
b)
<h1>
c)
<hr>
d)
<br>
68.
Jerry wants to insert a line break into his webpage. Which code should he use?
a)
<ul>
b)
<li>
c)
<br>
d)
<h1>
69.
Which item refers to the start tag, the end tag and everything in between?
a)
HTML Element
b)
HTML Tag
c)
HTML Attribute
d)
CSS
70.
What is the proper code to insert an image named "frog.jpg"?
a)
<img src="frog" width="104" height="142">
b)
<img="frog.jpg" width="104" height="142">
c)
<img src="frog.jpg" width="104" height="142">
d)
<img ="frog" width="104" height"142">
71.
Annie wants the name of her product to be the main heading at the top of her webpage. Which tag defines
the main heading in a web document?
a)
<h3>Product</h3>
b)
<h5>Product</h5>
c)
<h1>Product</h1>
d)
<h6>Product</h6>
72.
Which tag defines the visible content of a web document?
a)
<head>
b)
<meta>
c)
<title>
d)
<body>
73.
What tag defines the beginning of a webpage?
a)
<html>
b)
<h1>
c)
<p>
d)
<body>
74.
A properly coded HTML tag will always be found between which two symbols?
a)
( )
b)
{ }
c)
[ ]
d)
< >
75.
When using a text editor, what file extension(s) must be used when saving as a web document?
a)
txt
b)
html or htm
c)
doc
d)
css
76.
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" />
77.
Which line of code correctly creates a link to Amazon's website?
a)
<a ref=http://www.amazon.com>Amazon
b)
<href=http://www.amazon.com>Amazon<a>
c)
<a href="http://www.amazon.com">Amazon
d)
<a href="http://www.amazon.com">Amazon</a>
78.
Between which paired tags would the visible content of a webpage be displayed?
a)
<html></html>
b)
<head></head>
c)
<body></body>
d)
<title></title>
79.

HTML stands for

a)

Hyper Text Marker Language

b)

Hyper Text Marker Lingo

c)

Hyper Text Markup Language

d)

Hyper Text Markup Lingo

80.

CSS stands for

a)

Code Style Sheet

b)

Coding Style Sheet

c)

Cascading Sheet Style

d)

Cascading Style Sheet

81.

HTML tag keywords are surrounded by

a)

!--tag--!

b)

<tag>

c)

/tag/

d)

{tag}

82.

Which is the correct CSS syntax?

a)

body {color: yellow;}

b)

body:color=yellow;

c)

{body:color= yellow;}

d)

{body;color: yellow;}

83.

Which one is the correct syntax for CSS?

a)

property {selector : value}

b)

value {property : selector}

c)

selector {value : property}

d)

selector { property : value}

84.
Which of the following is NOT a function of the <title> </title> element?
a)
Defines a title in the browser tab.
b)
Provides a title for the page when added to favorites/bookmarks
c)
Creates the first heading on the index page of the website
d)
Displays a title for the page in search engine results
85.
http://www.google.com is an example of a what?
a)
URL
b)
IP address
c)
Browser
d)
Application
86.

Why doesn't the second rule work?

a)

Missing bracket

b)

Spelling error

c)

Wrong selector

87.

Why won't the background image work?

a)

Spelling error

b)

Missing bracket

c)

Wrong selector

88.

What does this show?

a)

One Declaration

b)

One property

c)

One rule

89.

What part of a rule ends with a semicolon?

a)

Selector

b)

Property

c)

Value

90.

What type of SELECTOR does this rule have?

a)

Class

b)

ID

c)

Tag

91.

What type of selector is this?

a)

Class

b)

ID

c)

Tag

92.

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

a)

Margin

b)

Padding

c)

Spacing

93.

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

a)

Padding

b)

Margin

c)

Width

94.

What's wrong with this page's structure?

a)

Nesting issues

b)

Overlapping tags

c)

Missing brackets

95.

Which one is a PROPERTY?

a)

width:

b)

1000px;

c)

#wrapper

96.

What does CSS mean?

a)

Cascading Style Sheets

b)

Crafty Style Sayings

c)

Cryptic Smooth Style

97.

Why add CSS to your webpage?

a)

Control the look of your page

b)

Add elements like text & images

c)

Make your page interactive

98.

How many selectors are there in this rule?

a)

1

b)

2

c)

3

99.

The bracket should go after the...

a)

Selector

b)

Declaration

c)

Value

100.

Which one is a VALUE?

a)

#313CFF;

b)

#nav

c)

font-size: