CSS Questions

By Shubhranshu Shekhar / March 14, 2023

0 votes, 0 avg

551

CSS Questions

1 / 15

1. What is the role of pseudo-class in CSS

A. Match a specified element

B. Select the active links

C. are used to select all the visited links

D. are used to define a special state of an element

2 / 15

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

A. device-aspect

B. device-aspect-ratio

C. device-aspect-query

D. none of the above

3 / 15

3. The CSS property that is equivalent to the align attribute is:

A. text-align

B. float

C. text-align and float

D. center

4 / 15

4. Which of the following selector matches the name of any element type?

A. The Type Selector

B. The Universal Selector

C. The Descedant Selector

D. The Class Selector

5 / 15

5. The __________ rule makes it possible to define different style rules for different media types in the same stylesheet.

A. audio/video

B. sink

C. @media

D. @canvas

6 / 15

6. Suppose we want to arrange 5 no of divs so that div4 is placed above div1. Now, which css property will we use to control the order of stack?

A. d-index

B. s-index

C. x-index

D. z-index

7 / 15

7. When using position fixed, what will the element always be positioned relative to?

A. the closest element with position:relative

B. the viewport

C. the parent element

D. the wrapper element

8 / 15

8. CSS is written in which language?

A. PHP

B. HTML

C. JAVA

D. Python

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. What is the way to specify media dependencies for style sheets ?

A. Specify the target medium from a style sheet with the @media or @import at-rules

B. Specify the target medium within the document language

C. both Specify the target medium from a style sheet with the @media or @import at-rules and Specify the target medium within the document language

D. none of the mentioned

11 / 15

11. Which one can animate the width of search input when get focus?

A. focus

B. outline

C. transition

D. color

12 / 15

12. 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?

A. float

B. float-left

C. float-right

D. float-align

13 / 15

13. What scales the background image as large as possible?

A. contain

B. cover

C. wrap

D. resize

14 / 15

14. 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.

15 / 15

15. Which of the following CSS Property selects an animation defined in an @keyframes rule and applies it to the element?

A. animation

B. animation-name

C. animation-element

D. none of the above

Your score is

The average score is 49%

By WordPress Quiz plugin

Written by Shubhranshu Shekhar, who has trained 20000+ students in coding.

Shubhranshu Shekhar

Shubhranshu Shekhar is a coding instructor, mentor, and founder of VSIT Delhi with 20+ years of teaching experience (since 2004). He has guided many students who are now working in multinational companies and specializes in Full Stack Development, Python, Digital Marketing, and Data Analytics.

Related Posts