CSS MCQ Quiz Hub

Css Mcq Set 3

Choose a topic to test your knowledge and improve your CSS skills

1. Which of the following box-sizing property value is described by width and height include content, padding, and borders?




2. Which of the following property sets the background image to scroll or not to scroll with its associated element’s content?




3. Which of the following property sets an element’s background color?




4. Which of the following property defines the color of an element’s right border?




5. Which of the following property defines the space between cells in a table?




6. Which of the following property defines in a shorthand form the width, style, and color for the top border of an element?




7. Which of the following property sets the shadow for a box element?




8. Which of the following property defines a shadow effect for text?




9. Which of the following property defines a shadow color for the right and bottom edges of a scroll bar?




10. Which of the following property defines a color for the right and bottom edges of a scroll bar.




11. Which of the following property sets list-style-type, list-style-position, and liststyle-image?




12. Which of the following property specifies whether the labels for an element’s list items are positioned inside or outside the “box” defined by the listed item?




13. Which of the following property defines in a shorthand form the width, style, and color for all four sides of an element’s border?




14. Which of the following property defines in a shorthand form the width, style, and color for the left border of an element?




15. Which of the following property is used to round border corners?




16. Which of the following property influences the horizontal alignment of an element, making it “float” toward the left or right margin of its containing element?




17. Which of the following property sets the font face to be used for text?




18. Which of the following CSS Gradient Functions sets the direction and colors of a gradient that fades from one color to the next in a straight line?




19. Which of the following CSS Gradient Functions creates a circular or elliptical gradient, and optionally sets its shape, size, and position?




20. Which of the following CSS Gradient Functions Creates a radial gradient that repeats infinitely?




21. Which of the following is not a browser-specific versions of linear-gradient()?




22. Which of the following argument is not accepted by radial-gradient() function?




23. Which of the following function creates a CSS gradient image that can be used anywhere an image URL is required, including background-image, border-image, and list-style properties?




24. Which of the following option best explain this code “background-image: repeating-radial-gradient(circle at 50% 100%, #FFEB79, #D9CC3C 5%);”?




25. Which of the following option best explain this code “background-image: repeating-linear-gradient(-45deg, #426A77, #FFF 6px);”?




26. Which of the following option best explain this code “background-image: repeating-linear-gradient(to right, #D9CC3C, #FFEB79 5%, #D9CC3C 10%);”?




27. Which of the following media feature describes the number of entries in the color lookup table of the output device




28. Which of the following Viewport Property sets the initial scaling factor?




29. Which of the following Viewport Property determines whether the display can be zoomed in and out?




30. Which of the following @viewport Property sets the viewport height in the same way as width?




31. Which of the following @viewport Property locks the document in the specified orientation, portrait or landscape?




32. Which of the following Media Query describe the ratio of the device width to the device height of the media?




33. Which of the following Media Query determines if output is grid, like a simple terminal or phone, or bitmap, like a standard monitor or printer?




34. Which of the following Media Query describes the scanning method of a TV?




35. Which of the following Media Query determines if output is monochrome and how many bits are used for gray display?




36. What type of selector is used in this case? p {line-height: 150%;}




37. By applying an ___________ a style can be applied to just a single tag.




38. The ___ attribute is used to define the name(s) of the class(es) to which a particular tag belongs.




39. What will be the output of below mentioned code snippet? p strong {background-color: yellow;}




40. A similar rule called the _____ is specified using the plus sign (+) and is used to select elements that would be siblings of each other.




41. Which of the following selectors selects any tag with an id attribute set?




42. Which of the following selectors selects direct descendents?




43. Which of the following selectors selects siblings?




44. Which of the following selectors selects the specified elements of type E with a particular class value?




45. Which of the following selectors selects adjacent siblings?




46. Find the specificity of this “li”.




47. Find the specificity of this ” ul li”.




48. Find the specificity of this “li:first-line”.




49. Find the specificity of this “ul ol+li”.




50. Find the specificity of this “ul ol li.red”.