CSS Quiz

1. What does CSS stand for?

Cascading Style Sheets
Creative Style Sheets
Computer Style Sheets
Cascading Simple Sheets

Answer: Cascading Style Sheets

2. What is the correct CSS syntax to change the background color of a page to blue?

background-color: blue;
background: blue;
color: blue;
bgcolor: blue;

Answer: background-color: blue;

3. Which CSS selector targets all p elements in a document?

p { }
.p { }
#p { }
p[] { }

Answer: p { }

4. How do you define a color using RGB in CSS?

rgb(255, 0, 0)
rgb(0, 0, 255)
rgba(255, 0, 0, 0.5)
red(255, 0, 0)

Answer: rgb(255, 0, 0)

5. How do you add a solid black border with a width of 2px to an element?

border: 2px solid black;
border-color: black;
border-width: 2px;
border-style: solid;

Answer: border: 2px solid black;

6. What is the property used to create space outside an element?

margin
padding
border
space

Answer: margin

7. Which property is used to create space inside an element?

padding
margin
content
space

Answer: padding

8. How do you set the width of an element to 100px?

width: 100px;
size: 100px;
width: 100%;
height: 100px;

Answer: width: 100px;

9. Which property is part of the CSS box model and defines the space inside an element's border?

padding
margin
border
width

Answer: padding

21. How do you apply styles based on the screen size in CSS?

@media screen and (max-width: 600px) { }
@screen and (max-width: 600px) { }
@media (max-width: 600px) { }
@media query (max-width: 600px) { }

Answer: @media screen and (max-width: 600px) { }

11. How do you change the color of a link when hovered?

a:hover { color: red; }
a.link:hover { color: red; }
a:hover { text-color: red; }
link:hover { color: red; }

Answer: a:hover { color: red; }

12. How do you remove bullets from an unordered list?

list-style-type: none;
list-type: none;
bullets: none;
no-bullets: true;

Answer: list-style-type: none;

13. What does the CSS property display: none; do?

It hides the element.
It removes the element from the layout.
It makes the element transparent.
It hides the element but keeps the space.

Answer: It hides the element.

14. Which CSS property is used to position an element relative to its normal position?

position: relative;
position: absolute;
position: fixed;
position: static;

Answer: position: relative;

15. How do you make an element 50% transparent?

opacity: 0.5;
transparency: 50%;
opacity: 50%;
transparent: 50%;

Answer: opacity: 0.5;

16. How do you create a dropdown menu in CSS?

display: none;
position: absolute;
float: left;
visibility: hidden;

Answer: position: absolute;

17. What is the default value of justify-content in Flexbox?

flex-start
center
space-between
space-around

Answer: flex-start

18. Which property is used to create a CSS grid layout?

display: grid;
layout: grid;
grid-layout: true;
display: layout;

Answer: display: grid;

19. How do you create a navigation bar with CSS?