CSS Questions March 14, 2023 | No Comments 0 votes, 0 avg 524 123456789101112131415 CSS Questions 1 / 15 1. Which statement regarding icon fonts is true? A. Icon fonts can be inserted only using JavaScript. B. Icon fonts can be styled with typography-related properties such as font-size and color. C. Icon fonts are inserted as inline images. D. Icon fonts require browser extension. 2 / 15 2. Which of the following attributes is used to specify elements to bind style rules to? A. Id B. Class C. Tag D. all of the above 3 / 15 3. Which of the following property of a table element specifies whether the browser should control the appearance of the adjacent borders that touch each other or whether each cell should maintain its style? A. :border-collapse B. :border-spacing C. :caption-side D. :empty-cells 4 / 15 4. Which of the following will display a speech bubble pop-up? A. pop-up question form B. cartoon pop-up C. modal animation physics D. overlay pop-up 5 / 15 5. In the following media query example, what conditions are being targeted? @media(min-width:1024px),screen and (orientation: landscape){…..} A. The rule will apply to a device that has a width of 1024px or narrower and is a screen device in landscape mode. B. The rule will apply to a device that has a width of 1024px or wider and is a screen device in landscape mode. C. The rule will apply to a device that has width of 1024px or narrower. Or is a screen device in landscape mode. D. The rule will apply to a device that has either a width of 1024px or wider, or is a screen device in landscape mode. 6 / 15 6. Which of the following is used to specify the subscript of text using CSS? A. align: subscript B. vertical-align: subscript C. vertical-align: sub D. alignment:sub 7 / 15 7. Which of the following CSS property is used to specify the space between every letter inside an element? A. character-spacing B. letterSpacing C. letter-spacing D. characterSpacing 8 / 15 8. Choose the option that correctly specifies the output of the following CSS. span { border: 1px solid red; outline: green dotted thick; } A. All span elements will have a red border and a green dotted outline B. All span elements will have a green thick border and a red outline C. All span elements will have an outer red border and inner green dotted border D. All span elements will have a outer green dotted border and an inner red border 9 / 15 9. Using an attribute selector, how would you select an a tag element with a ‘title’ attribute? A. a[title]{…} B. a>title{…} C. a.title{…} D. a=title{…} 10 / 15 10. When adding transparency styles, what is the difference between using the opacity property versus the background property with rgba() value? A. Opacity specifies the level of transparency of the child element. Background with a rgba() value applies transparency to the background color only. B. Opacity applies transparency to the background color only. Background with a rgba() value specifies the level of transparency of an element, as a whole, including its content. C. Opacity specifies the level of transparency of an element, including its content. Background with a rgba() value applies transparency to the background color only. D. Opacity applies transparency to the parent and child elements. Background with a rgba() value specifies the level of transparency of the parent element only. 11 / 15 11. Which of these functions is the 2D transformation in the matrix format? A. perspective B. matrix3d() C. matrix2d() D. matrix() 12 / 15 12. Which of the following CSS Property defines which property values to apply to the element before the animation begins (if delayed) and after it ends? A. animation-play B. animation-delay C. animation-play-state D. animation-fill-mode 13 / 15 13. Which of the following property of a anchor element signifies unvisited hyperlinks? A. :link B. :visited C. :hover D. :active 14 / 15 14. What is CSS? A. CSS is a style sheet language B. CSS is designed to separate the presentation and content, including layout, colors, and fonts C. CSS is the language used to style the HTML documents D. All of the mentioned 15 / 15 15. What is the difference between display:none and visibillity:hidden? A. Both will hide the element on the page, but display:none has greater browser support, visibilty:hidden is a new property and does not have the best browser support. B. display:none hides the element but maintain the space it previously occupied. Visibility:hidden will hide the element from view and remove it from the normal flow of the document. C. display:none hides the element from view and removes it from the normal flow of the document. Visibility:hidden will hide the element but maintain the space it previously occupied. D. There is no difference, they both hide the elements on the page. Your score isThe average score is 50% LinkedIn Facebook VKontakte 0% Restart quiz By WordPress Quiz plugin Questions, Quiz
