wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS Day-3

Total questions: 25

Worksheet time: 17mins

Name
Class
Date
1.

What does the CSS property font-style: italic; do?

a)

Sets the style of the font to Bold

b)

Sets the font to small-caps

c)

Sets the style of the font to italic

d)

Changes the font color

2.

Which property is used to change the font type?

a)

font-size

b)

font-family

c)

font-style

d)

text-font

3.

Which CSS property is used to control space between lines?

a)

line-height

b)

word-spacing

c)

letter-spacing

d)

text-align

4.

Which Bootstrap class is used to create a full-width container?

(a)  

5.

Which is a valid CSS color format?

a)

color(red)

b)

rgb(255, 0, 0)

c)

hex(255,0,0)

d)

color: #GGG

6.

In the HSL color model, what does the 'L' stand for?

(a)  

7.

Which property specifies the transition timing behavior?

a)

transition-style

b)

transition-timing-function

c)

transition-effect

d)

transition-mode

8.

Which CSS rule is used to define animations?

a)

@transition

b)

@animate

c)

@keyframes

d)

@frames

9.

The (a)   property specifies the font for an element and should include fallback fonts in case the primary isn't available.

10.

What is Bootstrap?

a)

A programming language

b)

A JavaScript framework

c)

A front-end CSS framework

d)

A database tool

11.

Bootstrap is based on which technologies?

a)

PHP and MySQL

b)

HTML, CSS, and JavaScript

c)

Python and Django

d)

Python and Django

12.

Which Bootstrap breakpoint is associated with screens >= 768px?

(a)  

13.

Bootstrap uses a (a)   -column grid system.

14.

Which tag is used to link Bootstrap CSS?

a)

<script>

b)

<style>

c)

<link>

d)

<meta>

15.

What is CDN?

a)

Code Delivery Network

b)

Code Delivery Network

c)

Content Delivery Network

d)

Central Data Node

16.

In Bootstrap, (a)   classes are used to move columns to the right by a specified number of columns.

17.

Which class is used to create a grid row?

a)

.grid

b)

.column

c)

.row

d)

.container

18.

In the shorthand transition: background-color 0.5s ease-in-out 0.2s;, what is the 0.2s ?

a)

Transition duration

b)

Animation iteration count

c)

Transition delay

d)

Playback speed

19.

To load custom font files (like .woff or .woff2) into your CSS project, you must use the (a)   rule.

20.

Using col-12 col-md-6 col-lg-4, what is the column width on a large (lg) screen?

a)

Half width

b)

One-five width

c)

One-third width

d)

One-fourth width

21.

Which utility controls text alignment?

a)

.align-text-cente

b)

.text-center

c)

.center-text

d)

.text-align

22.

.bg-success applies a (a)   background color.

23.

Which utility aligns items horizontally in the center?

a)

.align-items-center

b)

.justify-content-center

c)

.align-self-center

d)

.content-center

24.

Which class makes flexbox responsive for medium screens?

a)

.d-flex

b)

.d-sm-flex

c)

.d-md-flex

d)

.d-lg-flex

25.

.flex-column sets flex direction to (a)   .