wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Understanding Cascading Style Sheets

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

What does CSS stand for?

a)

Creative Style Sheets

b)

Cascading Style Scripts

c)

Cascading System Styles

d)

Cascading Style Sheets

2.

What is the primary purpose of CSS?

a)

The primary purpose of CSS is to style and layout web pages.

b)

To optimize website loading speed.

c)

To create server-side scripts for web applications.

d)

To manage databases and data storage.

3.

How do you link a CSS file to an HTML document?

a)

b)

styles.css

c)

styles.css

d)

4.

What is a CSS selector?

a)

A CSS selector is a tool for debugging HTML.

b)

A CSS selector is a programming language.

c)

A CSS selector is a type of HTML element.

d)

A CSS selector is a pattern used to select and style HTML elements.

5.

What is the difference between class and ID selectors in CSS?

a)

Class selectors (.) can be reused on multiple elements, while ID selectors (#) are unique to a single element.

b)

Class selectors are used for styling only text elements.

c)

ID selectors can be reused on multiple elements like class selectors.

d)

Class selectors are unique to a single element, while ID selectors can be reused.

6.

What property is used to change the text color in CSS?

a)

background-color

b)

text-color

c)

color

d)

font-color

7.

How can you apply multiple styles to a single element in CSS?

a)

Use multiple selectors or classes in the CSS, or list multiple properties within a single selector.

b)

Only use the !important rule for styling

c)

Use JavaScript to change styles dynamically

d)

Apply styles only through inline CSS

8.

What is the box model in CSS?

a)

The box model in CSS is used exclusively for images and videos.

b)

The box model in CSS only includes content and padding.

c)

The box model is a layout technique for positioning elements in a grid.

d)

The box model in CSS is a concept that represents the structure of elements as boxes composed of margins, borders, padding, and content.

9.

What does the 'display' property do in CSS?

a)

The 'display' property changes the color of an element.

b)

The 'display' property adds padding to an element.

c)

The 'display' property controls the layout behavior of an element.

d)

The 'display' property sets the font size of an element.

10.

What are media queries in CSS used for?

a)

Media queries are used to define CSS variables.

b)

Media queries are used for image optimization.

c)

Media queries are used for responsive design in CSS.

d)

Media queries are used for server-side scripting.