wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML5 & CSS3 - Day 3

Total questions: 22

Worksheet time: 11mins

Name
Class
Date
1.

What does * { margin: 0; padding: 0; } do ?

a)

Removes styles from inputs

b)

Resets default browser spacing

c)

Adds spacing

d)

Aligns elements

2.

Which property displays text vertically ?

a)

text-align

b)

transform

c)

rotate

d)

writing-mode

3.

Which value makes text flow vertically from top to bottom ?

a)

horizontal-tb

b)

inline-block

c)

column

d)

vertical-rl

4.

Which property hides overflowing content ?

a)

display

b)

text-wrap

c)

visibility

d)

overflow

5.

Which value adds scrollbars when needed ?

a)

hidden

b)

visible

c)

auto

d)

clip

6.

Which property controls uppercase/lowercase text ?

a)

font-style

b)

text-wrap

c)

letter-spacing

d)

text-transform

7.

Which value converts text to uppercase ?

a)

capitalize

b)

lowercase

c)

uppercase

d)

bold

8.

Which property allows resizing elements ?

a)

transform

b)

scale

c)

overflow

d)

resize

9.

Resize works only when used with :

a)

position

b)

float

c)

overflow:auto

d)

display:flex

10.

Which property controls where the background is painted ?

a)

background-size

b)

background-repeat

c)

background-clip

d)

background-origin

11.

Which property applies visual effects like blur ?

a)

transform

b)

filter

c)

opacity

d)

animation

12.

box-reflect is mainly used to :

a)

Rotate Elements

b)

Resize Boxes

c)

Animate Layout

d)

Reflect Elements Visually

13.

Which property defines animation steps ?

a)

transition

b)

transform

c)

keyframes

d)

All of these

14.

Which value makes animation repeat forever ?

a)

loop

b)

always

c)

repeat

d)

infinite

15.

SVG graphics are :

a)

Raster-based

b)

Bitmap

c)

Pixel-only

d)

Vector-based

16.

Canvas drawings are controlled using :

a)

HTML Only

b)

CSS

c)

SVG

d)

None of these

17.

Canvas is best used for :

a)

Page Layout

b)

Text Formatting

c)

Drawing Graphics

d)

Styling Forms

18.

Which transform function moves an element from its original position ?

a)

scale

b)

rotate

c)

skew

d)

translate

19.

Which CSS feature allows drawing vector graphics inside HTML ?

a)

canvas

b)

filter

c)

SVG

d)

animation

20.

Which statement about SVG is TRUE ?

a)

SVG is pixel-based

b)

SVG cannot be styled

c)

SVG scales without losing quality

d)

SVG requires JavaScript

21.

Which JavaScript method is required before drawing on canvas ?

a)

getCanvas()

b)

draw()

c)

createContext("2d")

d)

getContext("2d")

22.

Canvas graphics are :

a)

Styled using CSS

b)

Part of the DOM

c)

Vector elements

d)

Pixel-based drawings