Basic CSS Quiz

#1 Which selector has the lowest specificity?

div > p.box

.box

div p

p.box

#2 Which CSS property cannot be used with percentage values?

border-width

line-height

flex-basis

font-size

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

background-position:0 50%;

background-position:50%;

background-position:center;

background-position:middle;

#4 How to clear float?

clear:fix;

clear:float;

clear:all;

clear:both;

#5 How to select ALL the p elements?

p {}

p * {}

p.all {}

* {}

#6 margin:10px; is the same as

margin:10px 10px 10px;

margin:10px auto 10px;

margin:10px 0;

margin-top:10px;

#7 How to correctly define pseudo-elements?

div::before {}

div before {}

div-before {}

div.before {}

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

border-top-left-radius: 10px;

border-left-radius: 10px;

border-top-right-radius: 10px;

border-right-radius: 10px;

#9 How to correctly define media query?

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

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

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

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

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

matrix(0,0,0,0)

auto

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

none

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

1

auto

none

0

#12 padding:50px 20px; is the same as

padding:50px 20px 0 0;

padding:50px 50px 20px 20px;

padding:50px 20px 50px;

padding:20px 50px 20px;

#13 background-position:top; is the same as

background-position:top right;

background-position:top center;

background-position:top bottom;

background-position:top left;

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

position:static;

position:inherit;

position:auto;

position:initial;

#15 Which selector has the highest specificity?

p