Basic CSS Quiz

#1 Which selector has the highest specificity?

#box

p

.box

div > p.box

#2 The * [asterisk symbol] is called

General selector

Universal selector

All selector

Generic selector

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

:active

:inactive

:focused

:hovered

#4 How to correctly define pseudo-elements?

div before {}

div::before {}

div.before {}

div-before {}

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

> * div

divdiv.box#id

* > * + *

* * > div

#6 Which of the following is not an animatable property

text-align

transform-origin

visibility

vertical-align

#7 margin:10px; is the same as

margin:10px 10px 10px;

margin-top:10px;

margin:10px auto 10px;

margin:10px 0;

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

1

0

auto

none

#9 How to clear float?

clear:all;

clear:fix;

clear:both;

clear:float;

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

section + img

section > img

section ~ img

section & img

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

transparent

white

#fff

none

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

border-width

line-height

font-size

flex-basis

#13 How to hide an overflow?

overflow:hidden;

overflow:hide;

overflow:auto;

overflow:none;

#14 How to remove underline from links?

text-underline:none;

text-underline:hide;

text-decoration:hide;

text-decoration:none;

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

vertical-align:-2em;

vertical-align:50%;

vertical-align:0;

vertical-align:center;

Basic CSS