Basic CSS Quiz

#1 The * [asterisk symbol] is called

General selector

All selector

Generic selector

Universal selector

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

:focused

:active

:hovered

:inactive

#3 How to hide an overflow?

overflow:auto;

overflow:hide;

overflow:none;

overflow:hidden;

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

section > img

section ~ img

section + img

section & img

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

opacity

line-height

text-align

color

#6 Which selector has the lowest specificity?

div p

p.box

.box

div > p.box

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

#8 margin:10px; is the same as

margin-top:10px;

margin:10px 10px 10px;

margin:10px 0;

margin:10px auto 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 Which of the following is an invalid value of the background-position property?

background-position:center;

background-position:middle;

background-position:50%;

background-position:0 50%;

#11 Which selector has the highest specificity?

div > p.box

#box

p

.box

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

* * > div

* > * + *

> * div

divdiv.box#id

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

0

none

1

auto

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

position:auto;

position:static;

position:initial;

position:inherit;

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

vertical-align:50%;

vertical-align:center;

vertical-align:-2em;

vertical-align:0;

Basic CSS