Basic CSS Quiz

#1 How to correctly define pseudo-elements?

div.before {}

div::before {}

div-before {}

div before {}

#2 Which of the following is an invalid value of the vertical-align property?

vertical-align:50%;

vertical-align:center;

vertical-align:0;

vertical-align:-2em;

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

font-size

border-width

flex-basis

line-height

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

auto

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

matrix(0,0,0,0)

none

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

background-position:top center;

background-position:top bottom;

background-position:top right;

background-position:top left;

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

:inactive

:hovered

:focused

:active

#7 Which selector has the lowest specificity?

div p

.box

p.box

div > p.box

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

padding

z-index

margin

left

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

section ~ img

section > img

section & img

section + img

#10 How to correctly define media query?

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

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

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

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

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

text-indent

letter-spacing

line-height

flex-shrink

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

padding:50px 50px 20px 20px;

padding:20px 50px 20px;

padding:50px 20px 50px;

padding:50px 20px 0 0;

#13 The * [asterisk symbol] is called

All selector

General selector

Universal selector

Generic selector

#14 How to clear float?

clear:fix;

clear:both;

clear:all;

clear:float;

#15 margin:10px; is the same as

margin:10px 10px 10px;

margin-top:10px;

margin:10px 0;

margin:10px auto 10px;

Basic CSS