CSS Quiz Test (Challenging CSS MCQ Questions)

Test Your Skill Level With CSS Quiz Questions

30 basic to advanced CSS MCQ questions to practice and evaluate your knowledge and quizCat!

No. of Questions 30
Time: 30 minutes

Information About Our CSS MCQ Questions and Answers

Total Number of CSS Quiz Questions: 30

Time allotted: 30 minutes

Marks for Each Correct Answer:1

Negative Marking:No

Basic to Advanced MCQs on CSS

1 of 30

Time left:

1. How can you created rounded corners using CSS3?

A border[round]: 30px;

B corner-effect: round;

C border-radius: 30px;

D alpha-effect: round-corner;

2. How do you add shadow to elements in CSS3?

3. How to you modify a border image using CSS3?

4. How to resize a background image using CSS3?

5. How to add text shadow using CSS3?

6. How to force a word wrap using CSS3?

7. Which of these are valid CSS3 transformation statements.

8. How to rotate objects using CSS3?

9. How to re-size/scale objects using CSS3?

10. How to create transition effects using CSS3?

11. Look at the code. What piece of code is missing when make a text shadow? #basicTextShadow p{ text-shadow: 1px 1px 3px; }

12. Does the box-shadow support all browsers ?

13. True or False. In vertical offsets for box shadows, the (-1) means that the box-shadow will be below the box?

14. What does RGBa mean?

15. __________ is a property that allows developers to add rounded corners on the design elements.

16. Box-Shadow is a property that allows developers to apply a....

17. If you put a value of 0 for a Border-Radius what will happen?.

18. Which prefix do you need to get CSS3 properties to work on older Mozilla Firefox browsers?

19. What does the a stand for in RGBa?

20. What are the first three values of text-shadow in order?

21. Can you have multiple box-shadows?

22. How do four values work on border-radius

23. How can you created rounded corners using CSS3?

24. Has CSS3 been fully supported by all browsers?

25. How to add text shadow using CSS3?

26. How to rotate objects using CSS3?

27. How to create transition effects using CSS3?

28. How to force a word wrap using CSS3?

29. How to you modify a border image using CSS3?

30. How to resize a background image using CSS3?

Know the Rules Before Playing CSS Quiz!

Click on the ‘Start Test’ button to play the quiz.

The total time allowed for the CSS quiz questions to be answered is 30 minutes. Once the time is up, it will automatically be submitted.

Once you have answered the CSS MCQ questions, click on the ‘Submit Test’ button to see your score and correct answers.

Make sure that you do not refresh the questions page.

Reasons to Play or Practice CSS MCQ Questions

CSS plays a crucial part in front-end web development by allowing the styling of web pages. Using it, developers can make the HTML elements look better and more intuitive way.

By practicing the CSS MCQ questions in this quiz test, you can check your knowledge level and self-evaluate your current skills. There are 30 questions in this CSS quiz that you need to answer within 30 minutes. One minute per question is enough time to understand the question and answer it.

Once you submit the answers of the CSS MCQ questions, you will see the correct and incorrect answers. There will be a final score so that you know how many of your answers were correct.

Furthermore, you will find the correct answers of all CSS quiz questions so that you can boost your knowledge level. Other benefits of practicing this quiz include improvement in analytical skills, becoming competitive, and improving your reaction time.