Intermediate CSS Quiz

#1 A font where all the characters occupy the same amount of horizontal space is called?

fixed-size font

unispace font

sans-serif font

monospace font

#2 What is the width of a div element having: width:150px; min-width:100px; max-width:50px;?

150px

0px

100px

50px

#3 What is the intrinsic aspect ratio of a linear-gradient?

It has no intrinsic aspect ratio

It's equal to the aspect ratio of the element

1:1

4:3

#4 What is the default value of flex-grow?

0

1

auto

none

#5 Which of the following is an invalid CSS property?

grid-row

grid-template

grid-auto-row

grid-auto-flow

#6 The containing block of position:absolute is established by the nearest ancestor with position:relative

false

true

#7 Which of the following will NOT show a border?

border:thick;

border:dashed;

border:2px solid;

border:solid;

#8 100vmax is always bigger than 50vw

true

false

#9 Which of the following is an invalid unit?

ex

vm

pc

ch

#10 How to select all the div elements with a class “a” and without a class “b”?

div:has(.a):not(.b)

div:not(.b)a

div.a:not(.b)

div.a

#11 How to set the initial value of a counter to be 10?

counter: count 10;

--count: 10;

counter-init: count 10;

counter-reset: count 10;

#12 An element with a positive z-index will always be on the top of an element with a negative z-index

false

true

#13 Which of the following is an invalid value of the transform property?

transform:skew(0,5deg);

transform:rotate(5deg,9deg);

transform:translate(5px,5px);

transform:scale(0,5);

#14 In CSS grid how to make all the rows equal in height?

grid-auto-rows:1fr;

grid-auto-rows:repeat(auto-fit,1fr);

grid-template-rows:1fr;

grid-template-rows:repeat(auto-fit,1fr);

#15 What is the default value of flex-shrink?

0

auto

none

1

#16 In CSS grid how to create a layout with 3 equal columns?

grid-template-columns: 1fr 1fr 1fr;

grid-template-columns: auto auto auto;

grid-template-columns: auto;

grid-auto-columns: 1fr;

#17 Which of the following is not a transformable element?

replaced inline element

replaced inline-block element

non-replaced inline element

non-replaced inline-block element

#18 Which of the following is NOT a valid pseudo class?

:linked

:checked

:focus-within

:only-child

#19 Which of the following is a valid pseudo class?

:none

:empty

:has-child

:enable

#20 Which of the following will allow an immediate color change?

transition:color 5s 0s;

transition:all 0s, color 1s;

transition:color 1s,all 0s;

transition:color 0s,all 1s;

Intermediate CSS

#1 A font where all the characters occupy the same amount of horizontal space is called?

#2 What is the width of a div element having: width:150px; min-width:100px; max-width:50px;?

#3 What is the intrinsic aspect ratio of a linear-gradient?

#4 What is the default value of flex-grow?

#5 Which of the following is an invalid CSS property?

#6 The containing block of position:absolute is established by the nearest ancestor with position:relative

#7 Which of the following will NOT show a border?

#8 100vmax is always bigger than 50vw

#9 Which of the following is an invalid unit?

#10 How to select all the div elements with a class “a” and without a class “b”?

#11 How to set the initial value of a counter to be 10?

#12 An element with a positive z-index will always be on the top of an element with a negative z-index

#13 Which of the following is an invalid value of the transform property?

#14 In CSS grid how to make all the rows equal in height?

#15 What is the default value of flex-shrink?

#16 In CSS grid how to create a layout with 3 equal columns?

#17 Which of the following is not a transformable element?

#18 Which of the following is NOT a valid pseudo class?

#19 Which of the following is a valid pseudo class?

#20 Which of the following will allow an immediate color change?

Your Result