Basic CSS Quiz

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

* > * + *

divdiv.box#id

* * > div

> * div

#2 The * [asterisk symbol] is called

Generic selector

General selector

Universal selector

All selector

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

section ~ img

section & img

section + img

section > img

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

background-position:top left;

background-position:top center;

background-position:top right;

background-position:top bottom;

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

position:auto;

position:initial;

position:static;

position:inherit;

#6 How to correctly define pseudo-elements?

div before {}

div-before {}

div::before {}

div.before {}

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

opacity

line-height

text-align

color

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

matrix(0,0,0,0)

none

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

auto

#9 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;

#10 margin:10px; is the same as

margin:10px 0;

margin-top:10px;

margin:10px auto 10px;

margin:10px 10px 10px;

#11 How to correctly define media query?

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

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

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

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

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

background-position:center;

background-position:0 50%;

background-position:50%;

background-position:middle;

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

padding:50px 20px 50px;

padding:50px 20px 0 0;

padding:20px 50px 20px;

padding:50px 50px 20px 20px;

#14 What is the default value of the box-sizing property?

none

content-box

padding-box

border-box

#15 Which selector has the highest specificity?

#box

div > p.box

p

.box

Basic CSS