CSS Quiz (Free Online CSS Test)

HTML MCQ Quiz (Free Online HTML Test)

Java Quiz

Python Quiz

PHP Quiz

React Js Quiz

HTML5 Quiz

Javascript Quiz

MYSQL Quiz

Jquery Quiz

C Quiz

C++ Quiz

Vue Quiz

R Quiz

Other Quizzes..

0 votes, 0 avg

Start Time

End Time

CSS Quiz

Total Question :- 25

Total Time :- 5 Minute

So, what are you waiting for? Click the "Start Quiz" button and get started!

Remember: Learning is a continuous process, and every question is an opportunity to expand your knowledge. Best of luck, and may the HTML be with you! 💡

1 / 25

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 / 25

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

A. box-shadow: 10px 10px 5px grey;

B. shadow-right: 10px shadow-bottom: 10px;

C. shadow-color: grey;

D. alpha-effect[shadow]: 10px 10px 5px grey;

3 / 25

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

A. border: url(image.png);

B. border-variable: image url(image.png);

C. border-image: url(border.png) 30 30 round;

D. None

4 / 25

4. How to resize a background image using CSS3?

A. background-size: 80px 60px;

B. bg-dimensions: 80px 60px;

C. background-proportion: 80px 60px;

D. alpha-effect: bg-resize 80px 60px;

5 / 25

5. How to add text shadow using CSS3?

A. font: shadowed 5px 5px 5px grey;

B. font-shadow: 5px 5px 5px grey;

C. text-shadow: 5px 5px 5px grey;

D. shadow: text 5px 5px 5px grey;

6 / 25

6. How to force a word wrap using CSS3?

A. word-wrap: break-word;

B. text-wrap: break-word;

C. text-wrap: force;

D. text-width: set;

7 / 25

7. Which of these are valid CSS3 transformation statements.

A. matrix()

B. modify()

C. skip()

D. simulate()

8 / 25

8. How to rotate objects using CSS3?

A. object-rotation: 30deg;

B. transform: rotate(30deg);

C. rotate-object: 30deg;

D. transform: rotate-30deg-clockwise;

9 / 25

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

A. transform: scale(2,4);

B. scale-object: 2,4;

C. scale: (2,4);

D. None

10 / 25

10. How to create transition effects using CSS3?

A. transition: width 2s;

B. transition-duration: 2s; transition-effect: width;

C. alpha-effect: transition (width,2s);

D. None

11 / 25

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

A. the color

B. the element

C. the id name

D. the text shadow height

12 / 25

12. Does the box-shadow support all browsers ?

True

False

13 / 25

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

True

False

14 / 25

14. What does RGBa mean?

A. Review Get assistance Back-up your information acquire proof

B. Red Green Blue alpha

C. Red Gray Brown alpha

D. Red Gold Black alpha

15 / 25

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

A. Corner

B. Box Shadow

C. Round Corner

D. Border-Radius

16 / 25

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

A. Border

B. Drop Shadow

C. Rounded Corner

D. Background

17 / 25

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

A. The Corner will curve horizontal.

B. The Corner will be square.

C. The Corner will curve vertical.

D. The world will end.

18 / 25

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

A. -webkit-

B. -moz-

C. -o-

D. -gecko-

19 / 25

19. What does the a stand for in RGBa?

A. alpha

B. aqua

C. Apple

D. about

20 / 25

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

A. vertical, blur, horizontal

B. blur, vertical, horizontal

C. vertical, horizontal, blur

D. horizontal, vertical, blur

21 / 25

21. Can you have multiple box-shadows?

A. yes

B. no

22 / 25

22. How do four values work on border-radius

A. top, bottom, left, right

B. up, down, front, behind

C. top-left, top-right, bottom-right, bottom-left

D. bottom-left, bottom-right, top-right, top-left

23 / 25

23. 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;

24 / 25

24. Has CSS3 been fully supported by all browsers?

A. Yes

B. No

25 / 25

25. How to add text shadow using CSS3?

A. font: shadowed 5px 5px 5px grey;

B. font-shadow: 5px 5px 5px grey;

C. text-shadow: 5px 5px 5px grey;

D. shadow: text 5px 5px 5px grey;

Your score is

The average score is 36%

Exit

Thank You For Rating

HTML MCQ Quiz (Free Online HTML Test)

Java Quiz

Python Quiz

PHP Quiz

React Js Quiz

HTML5 Quiz

Javascript Quiz

MYSQL Quiz

Jquery Quiz

C Quiz

C++ Quiz

Vue Quiz

R Quiz

Other Quizzes..

1. How can you created rounded corners using CSS3?

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?

NOTE:

1. Click the 'Submit Test' button given in the bottom of this page to Submit your answers.

2. Test will be submitted after time is Expired.

3. Do not refresh the Page.

Quiz Home

HTML Quiz

CSS Quiz

Java Quiz

Python Quiz

PHP Quiz

React Js Quiz

HTML5 Quiz

Javascript Quiz

MYSQL Quiz

Jquery Quiz

C Quiz

C++ Quiz

Vue Quiz

R Quiz

Other Quizzes..

Leave a Reply Cancel reply

Valerie Rodriguez

Latest Posts

Software Services

Categories

Tags