MCQOPTIONS
Saved Bookmarks
MCQOPTIONS
This section includes 15 Mcqs, each offering curated multiple-choice questions to sharpen your Css knowledge and support exam preparation. Choose a topic below to get started.
| 1. |
What does this code do?Code:@media only screen and (max-width: 768px) { class*="col-"] { width: 100%; }} |
| A. | Error occured |
| B. | When the screen gets larger than 768px, each column should have a width of 100%. |
| C. | When the screen gets smaller than 768px, each column should have a width of 100%. |
| D. | All of above |
| E. | None of these |
| Answer» D. All of above | |
| 2. |
What should be written in the blank of the code for JQuery Code Used to Apply CSS3 Animations?Code:_________ leftmove {100% { transform: translateX(-70px); opacity: 1; }}_________ rightmove {100% { transform: translateX(70px); opacity: 1; }}<script>$(function() {var footerBottom = $("#articlefooter").offset().top + $("#articlefooter").height();$(window).scroll(function() {if ($(this).scrollTop() > (footerBottom - $(window).height())) {131$("#prevpage").css('animation', 'leftmove 1s 2s forwards');$("#nextpage").css('animation', 'rightmove 1s 1s forwards');});});</script> |
| A. | animation-name |
| B. | @media |
| C. | !important |
| D. | @keyframes |
| E. | None of these |
| Answer» B. @media | |
| 3. |
What should be written in the blank of the code for resizing elements in Responsive Web Design with Transitions.Code:body { background-image: url(fog.jpg); background-size: cover;background-repeat: no-repeat; color: #fff; font-family: Avenir, Arial, sans-serif;}h1 { font-family: 'Calluna Sans', Arial, sans-serif; text-align: center;font-size: 10rem; margin: 8rem auto;}h1 { font-family: 'Calluna Sans', Arial, sans-serif;text-align: center; font-size: 10rem; margin: 8rem auto; transition: 1s font-size linear;}______________ and (max-width: 1100px) {h1 { font-size: 8rem; } |
| A. | div |
| B. | transform |
| C. | @media |
| D. | @media screen |
| E. | None of these |
| Answer» E. None of these | |
| 4. |
What does this code do?@media only screen and (orientation_ landscape) { body { background-color_ lightblue |
| A. | web page will have a lighblue background if the orientation is not in landscape mode |
| B. | web page will have a red background if the orientation is in landscape mode |
| C. | web page will have a lighblue background if the orientation is in landscape mode |
| D. | All of above |
| E. | None of these |
| Answer» D. All of above | |
| 5. |
What does this code do?_@media only screen and (max-width_ 500px) { body { background-color_ lightblue |
| A. | Nothing happens |
| B. | The background color will change to lightblue |
| C. | If the browser window is larger than 500px, the background color will change to lightblue: |
| D. | If the browser window is smaller than 500px, the background color will change to lightblue: |
| E. | None of these |
| Answer» E. None of these | |
| 6. |
What does this code do? |
| A. | Nothing happens |
| B. | The background color will change to lightblue |
| C. | If the browser window is larger than 500px, the background color will change to lightblue: |
| D. | If the browser window is smaller than 500px, the background color will change to lightblue: |
| E. | None of these |
| Answer» E. None of these | |
| 7. |
Which of the following element is used to create a circle? |
| A. | <round> |
| B. | <circle> |
| C. | <ellipse> |
| D. | <cir> |
| E. | None of these |
| Answer» C. <ellipse> | |
| 8. |
Which of the following element is used to create an SVG ellipse? |
| A. | <curve> |
| B. | <circle> |
| C. | <ellipse> |
| D. | All of above |
| E. | None of these |
| Answer» D. All of above | |
| 9. |
Which of the following element is used to create a SVG rectangle? |
| A. | <square> |
| B. | <rect> |
| C. | <rectangle> |
| D. | <polygon> |
| E. | None of these |
| Answer» C. <rectangle> | |
| 10. |
Which of the following element is used to begin an SVG image? |
| A. | <img> |
| B. | <image> |
| C. | <graph> |
| D. | <svg> |
| E. | None of these |
| Answer» E. None of these | |
| 11. |
Which of the following code set the webpage correctly displayed on a device? |
| A. | <meta name="viewports" content="width=device-width, initial-scale=1.0"> |
| B. | <meta name="viewport" content="width=device-width, initial-scale='parent-size'"> |
| C. | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| D. | <meta name="viewport" content="width=device-width, initial-scale=2.0"> |
| E. | None of these |
| Answer» D. <meta name="viewport" content="width=device-width, initial-scale=2.0"> | |
| 12. |
What should be written in the blank of the code for JQuery Code Used to Apply CSS3 Animations? |
| A. | animation-name |
| B. | @media |
| C. | !important |
| D. | @keyframes |
| E. | None of these |
| Answer» B. @media | |
| 13. |
What should be written in the blank of the code for resizing elements in Responsive Web Design with Transitions. |
| A. | div |
| B. | transform |
| C. | @media |
| D. | @media screen |
| E. | None of these |
| Answer» E. None of these | |
| 14. |
Which of the following element is used to create any shape that consists of only straight lines? |
| A. | <lines> |
| B. | <multiline> |
| C. | <polyline> |
| D. | <polyogn> |
| E. | None of these |
| Answer» D. <polyogn> | |
| 15. |
Which of the following element is used to create a SVG line? |
| A. | <stick> |
| B. | <ray> |
| C. | <dot> |
| D. | <line> |
| E. | None of these |
| Answer» E. None of these | |