CSS Quiz

In this CSS Quiz section – every Question Carries 2 Marks. If any question is wrong then two marks will be deducted.

Note: – Fill the information Correctly to get Certified.

CSS Quiz

1 / 50

What does CSS stand for?

Creative Style Sheets

Cascading Style Sheets

Computer Style Sheets

Colorful Style Sheets

2 / 50

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

text-color

color

font-color

text-style

3 / 50

What is the correct CSS syntax to select an element with id="demo"?

.demo

#demo

demo:

demo

4 / 50

Which CSS property is used to control the spacing between lines of text?

line-height

text-spacing

line-spacing

spacing

5 / 50

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

bg-color

background-color

color-background

bg-style

6 / 50

What does the CSS property "display: none;" do?

Hides the element from the screen

Removes the element from the DOM

Makes the element partially visible

Resizes the element

7 / 50

Which CSS property is used to change the font size of an element?

text-size

font-size

size

font

8 / 50

What is the correct CSS syntax to apply a border to all sides of an element?

border: 1px solid black;

border-width: 1px; border-style: solid; border-color: black;

border-all: 1px solid black;

border-style: 1px solid black;

9 / 50

Which CSS property is used to specify the font family of an element's text?

text-family

font-family

family

font-style

10 / 50

What is the purpose of the CSS property "float"?

Moves an element to the right

Moves an element to the left

Makes an element block-level

Aligns text within an element

11 / 50

Which CSS property is used to specify the thickness of an element's border?

border-width

border-thickness

border-size

border-style

12 / 50

What is the correct CSS syntax to set the text alignment to center?

text-align: center;

align-text: center;

text-center: true;

align: center;

13 / 50

Which CSS property is used to control the visibility of an element?

visible

display

visibility

show

14 / 50

What does the CSS property "position: relative;" do?

Positions an element relative to its parent

Positions an element relative to the viewport

Positions an element absolutely

Removes positioning from an element

15 / 50

Which CSS property is used to add shadow effects to text?

shadow

text-shadow

font-shadow

box-shadow

16 / 50

What is the purpose of the CSS property "z-index"?

Controls the opacity of an element

Specifies the stacking order of elements

Sets the background color of an element

Defines the shadow effect of an element

17 / 50

Which CSS property is used to set the width of an element?

element-width

width

size

element-size

18 / 50

What is the correct CSS syntax to apply styles to an element with class="button"?

.button { }

#button { }

button { }

button.class { }

19 / 50

Which CSS property is used to specify the opacity of an element?

transparency

opacity

visibility

display

20 / 50

What is the purpose of the CSS property "border-radius"?

Sets the border color of an element

Adds rounded corners to an element's border

Specifies the border width

Defines the border style

21 / 50

Which CSS property is used to control the spacing between columns of a table?

column-spacing

table-spacing

column-gap

gap

22 / 50

What is the correct CSS syntax to apply styles to all <p> elements within a <div> with class="container"?

.container p { }

div.container p { }

div p.container { }

p.container { }

23 / 50

Which CSS property is used to make text bold?

font-weight

bold

text-bold

weight

24 / 50

What does the CSS property "overflow: hidden;" do?

Hides content that overflows the element's box

Adds scrollbars to the element

Expands the element to fit its content

Centers the element horizontally

25 / 50

Which CSS property is used to control the order of flexible items in a flex container?

order

flex-order

flex

flex-direction

26 / 50

What is the correct CSS syntax to set the background image of an element?

background-image: url('image.jpg');

image: url('image.jpg');

bg-image: url('image.jpg');

background: image('image.jpg');

27 / 50

Which CSS property is used to add padding to an element?

padding

padding-size

element-padding

box-padding

28 / 50

What is the purpose of the CSS property "text-decoration: underline;"?

Makes the text bold

Adds an underline to the text

Aligns the text

Changes the font style

29 / 50

Which CSS property is used to align text vertically within its containing element?

align

vertical-align

text-align

line-align

30 / 50

What is the correct CSS syntax to apply styles to an element when the mouse hovers over it?

hover: { }

:hover { }

hover { }

onhover { }

31 / 50

Which CSS property is used to specify the minimum width of an element?

width

min-width

max-width

size

32 / 50

What is the purpose of the CSS property "transition"?

Defines the animation duration

Specifies the transition effect

Sets the border style

Controls the visibility of an element

33 / 50

Which CSS property is used to make an element's box shadow?

shadow

box-shadow

element-shadow

shadow-effect

34 / 50

What does the CSS property "flex-grow" specify?

Specifies the initial size of a flex item

Determines whether a flex item can shrink

Controls the growth of a flex item

Sets the direction of flex items

35 / 50

Which CSS property is used to align text horizontally within its containing element?

align

text-align

horizontal-align

line-align

36 / 50

What is the purpose of the CSS property "box-sizing: border-box;"?

Includes the padding and border in the element's total width and height

Hides the element from the screen

Centers the element horizontally

Resizes the element

37 / 50

Which CSS property is used to specify the alignment of items within a flex container?

justify-items

align-items

flex-align

item-align

38 / 50

What is the correct CSS syntax to apply styles to the first letter of a text?

text-first-letter { }

first-letter { }

initial-letter { }

::first-letter { }

39 / 50

Which CSS property is used to set the opacity of an element on mouse hover?

opacity

hover-opacity

opacity-hover

:hover { opacity: 1; }

40 / 50

What is the purpose of the CSS property "flex-direction"?

Specifies the spacing between flex items

Controls the order of flex items

Sets the direction of flex items

Defines the initial size of flex items

41 / 50

Which CSS property is used to specify the style of the cursor when hovering over an element?

cursor-style

cursor

hover-cursor

pointer

42 / 50

What is the correct CSS syntax to apply styles to all elements of a certain class?

class: { }

.class { }

#class { }

elements.class { }

43 / 50

Which CSS property is used to specify the distance between the outer edges of an element?

margin

outer-margin

spacing

element-spacing

44 / 50

What does the CSS property "position: absolute;" do?

Positions an element relative to its parent

Positions an element relative to the viewport

Positions an element absolutely

Removes positioning from an element

45 / 50

Which CSS property is used to apply a gradient background to an element?

background-color

gradient

background-gradient

linear-gradient

46 / 50

What is the purpose of the CSS property "text-transform: uppercase;"?

Converts text to lowercase

Converts text to uppercase

Makes text italic

Underlines text

47 / 50

Which CSS property is used to specify the position of an element within its container?

position

location

offset

coordinates

48 / 50

What is the purpose of the CSS property "box-sizing: content-box;"?

Includes the padding and border in the element's total width and height

Hides the element from the screen

Centers the element horizontally

Resizes the element

49 / 50

Which CSS property is used to create a transition effect for an element's background color?

transition-color

background-transition

color-transition

background-color-transition

50 / 50

What does the CSS property "flex-wrap: wrap;" do?

Allows flex items to wrap onto multiple lines

Shrinks flex items to fit within the container

Centers flex items horizontally

Aligns flex items vertically

Your score is

The average score is 63%

Leave a Comment Cancel Reply

Digital College Library

Master Menu

Digital College Library