wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML5 & CSS3 - Day 2

Total questions: 15

Worksheet time: 5mins

Name
Class
Date
1.

What is CSS3 ?

a)

A JavaScript framework

b)

A browser

c)

A programming language

d)

The third version of CSS

2.

CSS3 is backward compatible, which means :

a)

Old CSS must be rewritten

b)

Browsers stop supporting CSS2

c)

CSS2 still works with CSS3

d)

CSS3 works only on new browsers

3.

Why are vendor prefixes used ?

a)

To make CSS faster

b)

To replace standard properties

c)

To write shorter code

d)

To support experimental CSS features in browsers

4.

Which of the following is a valid vendor prefix ?

a)

-css-

b)

-html-

c)

-style-

d)

-webkit-

5.

Which property adds shadow to an element box ?

a)

shadow

b)

text-shadow

c)

border-shadow

d)

box-shadow

6.

What is the correct order of the CSS Box Model (inside → outside) ?

a)

Margin → Border → Padding → Content

b)

Content → Padding → Border → Margin

c)

Border → Padding → Content → Margin

d)

Content → Border → Padding → Margin

7.

Which box-sizing value keeps the element size fixed when padding is added ?

a)

content-box

b)

padding-box

c)

border-box

d)

fixed-box

8.

Which shorthand syntax is correct for borders ?

a)

border: solid red 2px;

b)

border: 2px red solid

c)

border: 2px solid red;

d)

All of these

9.

What does border-radius: 50% usually create ?

a)

Rectangle

b)

Ellipse

c)

Circle

d)

Triangle

10.

Which property is used to apply an image to borders ?

a)

background-image

b)

border-style

c)

outline-image

d)

border-image

11.

Which property adds shadow to text ?

a)

box-shadow

b)

font-shadow

c)

shadow-text

d)

text-shadow

12.

Which font type is loaded from the web using Google Fonts ?

a)

System fonts

b)

Web fonts

c)

Local fonts

d)

Bitmap fonts

13.

Which CSS rule is used to load a custom font from the server ?

a)

@import

b)

@font-face

c)

@font-load

d)

@media

14.

Which property is required to create smooth hover effects ?

a)

animation

b)

display

c)

transform

d)

transition

15.

Which CSS property is used to apply a linear gradient as a background ?

a)

background-color

b)

linear-gradient

c)

border-image

d)

background-image