Basic CSS Quiz

#1 How to correctly define media query?

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

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

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

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

#2 How to remove underline from links?

text-decoration:none;

text-underline:none;

text-decoration:hide;

text-underline:hide;

#3 Which selector has the lowest specificity?

div p

div > p.box

p.box

.box

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

border-left-radius: 10px;

border-top-right-radius: 10px;

border-top-left-radius: 10px;

border-right-radius: 10px;

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

line-height:1/2;

line-height:5px;

line-height:50%;

line-height:0.5;

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

position:initial;

position:inherit;

position:auto;

position:static;

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

background-position:0 50%;

background-position:center;

background-position:50%;

background-position:middle;

#8 What is the default value of the background-color property?

none

white

transparent

#fff

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

1

auto

0

none

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

padding:20px 50px 20px;

padding:50px 50px 20px 20px;

padding:50px 20px 50px;

padding:50px 20px 0 0;

#11 How to correctly define pseudo-elements?

div.before {}

div-before {}

div before {}

div::before {}

#12 Which of the following is not an inherited property?

color

line-height

opacity

text-align

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

background-position:top left;

background-position:top center;

background-position:top bottom;

background-position:top right;

#14 How to select ALL the p elements?

p {}

* {}

p.all {}

p * {}

#15 How to select all the images inside a section?

section + img

section ~ img

section & img

section > img

Basic CSS