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 correctly define pseudo-elements?

div-before {}

div before {}

div.before {}

div::before {}

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

border-top-right-radius: 10px;

border-right-radius: 10px;

border-left-radius: 10px;

border-top-left-radius: 10px;

#4 Which selector has the highest specificity?

div > p.box

p

#box

.box

#5 How to clear float?

clear:float;

clear:fix;

clear:both;

clear:all;

#6 Which selector has the lowest specificity?

div p

div > p.box

p.box

.box

#7 Which CSS property cannot be used with negative values?

z-index

margin

left

padding

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

:active

:focused

:inactive

:hovered

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

font-size

border-width

flex-basis

line-height

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

section + img

section ~ img

section > img

section & img

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

background-position:top left;

background-position:top center;

background-position:top bottom;

background-position:top right;

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

white

none

transparent

#fff

#13 margin:10px; is the same as

margin-top:10px;

margin:10px auto 10px;

margin:10px 0;

margin:10px 10px 10px;

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

* * > div

> * div

* > * + *

divdiv.box#id

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

1

0

auto