CSS Quiz
Test your knowledge of CSS with our CSS Quiz, the test currently contains 20 questions. You will get 1 point for each correct answer. At the end of the Quiz, your total score will be displayed. Maximum score is 20 points. If you don't get the full score, you'll have an option to try again.
CSS Quiz
Quiz Answers
Question 1: What is the correct CSS syntax for making all the <span> elements bold?
Answers: span {font-weight: bold}
Question 2: How do you add a comment in a CSS file?
Answers: /* this is a comment */
Question 3: What property is used to change the text color of an element?
Answers: color:
Question 4: What does CSS stand for?
Answers: Cascading Style Sheets
Question 5: The # symbol specifies that the selector is?
Answers: id
Question 6: Which is the correct CSS syntax?
Answers: p {color: black;}
Question 7: Which of the following would be used to create an ID called header which has a width of 750px, a height of 30px and the color of the text is black?
Answers: #header { height: 30px; width: 750px; color: black; }
Question 8: Which snippet of CSS is commonly used to center a website horizontally?
Answers: margin: 0 auto;
Question 9: How do you make a list not display bullet points?
Answers: list-style-type: none
Question 10: What is the correct CSS syntax to change the font name?
Answers: font-family:
Question 11: What is the correct Syntax for importing a stylesheet in CSS?
Answers: @import url(css/example.css);
Question 12: Which HTML attribute is used to define inline CSS styles?
Answers: Style
Question 13: How do you make each word in a text start with a capital letter?
Answers: text-transform: capitalize
Question 14: What is the correct CSS syntax for making all the <p> tag's font size 14px?
Answers: p {font-size: 14px;}
Question 15: A declaration is terminated by?
Answers: ; - semi colon
Question 16: Which CSS property controls the text size?
Answers: font-size
Question 17: How do you insert padding so that it is:
10 pixels at the top
15 pixels at the bottom
5 pixels at the right
10 pixels to the left?
Answers: padding: 10px 5px 15px 10px;
Question 18: Which property is used to change the background color?
Answers: background-color:
Question 19: How do you display hyperlinks without an underline?
Answers: a {text-decoration: none}
Question 20: How to rotate objects using CSS3?
Answers: transform: rotate(30deg);