wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

BSIT 3A - IT105 CSS Quiz 1

Total questions: 15

Worksheet time: 5mins

Name
Class
Date
1.

Which CSS property is used to change the background color of an element?

a)

color

b)

background-color

c)

background-style

d)

bg

2.

Which CSS color format uses a value like #DCACE8?

a)

HEX

b)

Named color

c)

RGB

d)

HSL

3.

What does background-size: cover; do?

a)

Repeats the background image

b)

Stretches the image horizontally only

c)

Makes the image fill the whole area while keeping proportions

d)

Places the image in the center

4.

In the box model, which part is the space outside the border?

a)

margin

b)

padding

c)

content

d)

outline

5.

Which property makes width include padding and border?

a)

width: auto

b)

display: block

c)

box-size: full

d)

box-sizing: border-box

6.

The CSS property that controls the font size is:

a)

text-size

b)

font-family

c)

font-size

d)

size

7.

Which alignment option spreads text evenly on both sides?

a)

justify

b)

center

c)

left

d)

spread

8.

Which position keeps an element in place even when scrolling?

a)

relative

b)

static

c)

fixed

d)

absolute

9.

What does z-index control?

a)

layer ordering

b)

font size

c)

rotation

d)

spacing

10.

Which unit scales based on the viewport height?

a)

vh

b)

vw

c)

rem

d)

px

11.

Which display value makes an element take full width of its container?

a)

inline

b)

flex

c)

inline-block

d)

block

12.

Which property defines column structure in Grid?

a)

grid-rows

b)

grid-gap

c)

grid-template-columns

d)

grid-flow

13.

What layout method is best for aligning items horizontally or vertically?

a)

inline-block

b)

Float

c)

Grid

d)

Flexbox

14.

A responsive design ensures that a website:

a)

has no images

b)

adapts to different screen sizes

c)

uses only pixels

d)

cannot scroll

15.

CSS Grid is mainly used for:

a)

one-dimension layouts

b)

two-dimension layouts

c)

coloring elements

d)

animations