wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Introduction to CSS Basics

Total questions: 10

Worksheet time: 10mins

Name
Class
Date
1.

What is the primary purpose of CSS in web development?

a)

To structure the content of a webpage

b)

To style and present the content of a webpage

c)

To store data on a server

d)

To manage user interactions

2.

When was the first CSS specification released?

a)

1994

b)

1996

c)

1998

d)

2000

3.

Which version of CSS introduced modularization?

a)

CSS 1

b)

CSS 2

c)

CSS 3

d)

CSS 4

4.

What is a disadvantage of using inline styles in HTML?

a)

They are easy to maintain

b)

They violate the separation of concerns principle

c)

They reduce the number of HTTP requests

d)

They are the most specific way to style an element

5.

Which method of adding CSS is most efficient for managing styles across multiple web pages?

a)

Inline styles

b)

Internal style sheets

c)

External style sheets

d)

Imported style sheets

6.

What is the main benefit of using external style sheets?

a)

They increase the size of HTML documents

b)

They allow styles to be cached by the browser

c)

They are buried in the HTML file

d)

They are specific to individual elements

7.

Which CSS version is still under development and not fully supported by all browsers?

a)

CSS 1

b)

CSS 2

c)

CSS 3

d)

CSS 4

8.

How are styles added in an internal style sheet?

a)

Using the style attribute in HTML elements

b)

Using the style element in the head section of an HTML document

c)

Using a separate CSS file linked to the HTML document

d)

Using the @import rule

9.

What is the purpose of the @import rule in CSS?

a)

To apply styles to a single HTML element

b)

To import styles from another CSS file

c)

To define inline styles

d)

To link an external style sheet

10.

Which of the following is the correct way to link an external CSS file in an HTML document?

a)

<style src="main.css"></style>

b)

<link rel="stylesheet" type="text/css" href="main.css">

c)

<script src="main.css"></script>

d)

<import url="main.css">