Quiz

Basic CSS

January 17, 2020 By Temani Afif

#1 How to clear float?

clear:float;

clear:both;

clear:fix;

clear:all;

#2 Which of the following is an invalid value of the line-height property?

line-height:50%;

line-height:1/2;

line-height:0.5;

line-height:5px;

#3 Which of the following is an invalid CSS selector?

* * > div

* > * + *

divdiv.box#id

> * div

#4 How to hide an overflow?

overflow:none;

overflow:hidden;

overflow:hide;

overflow:auto;

#5 What is the default value of the transform property?

matrix(0,0,0,0,0)

auto

matrix(0,0,0,0)

none

#6 border-radius:0 10px 0 0; is the same as

border-left-radius: 10px;

border-right-radius: 10px;

border-top-right-radius: 10px;

border-top-left-radius: 10px;

#7 What is the default value of the z-index property?

none

auto

#8 How to correctly define pseudo-elements?

div-before {}

div.before {}

div::before {}

div before {}

#9 Which CSS property cannot be used with pixel values?

text-indent

letter-spacing

flex-shrink

line-height

#10 Which of the following is an invalid value of the background-position property?

background-position:middle;

background-position:0 50%;

background-position:50%;

background-position:center;

#11 Which of the following is not an animatable property

visibility

transform-origin

text-align

vertical-align

#12 How to correctly define media query?

@media (max-width=1200px) {}

@media [max-width:1200px] {}

@media (max-width:1200px) {}

@media [max-width=1200px] {}

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

:active

:inactive

:hovered

:focused

#14 Which of the following is an invalid value of the position property?

position:inherit;

position:initial;

position:static;

position:auto;

#15 Which selector has the highest specificity?

.box

#box

div > p.box

I am done

Your Result

Take the training quiz to improve your skills: https://css-challenges.com/basic-css-quiz/