CSS Questions

By Shubhranshu Shekhar / March 14, 2023

0 votes, 0 avg

548

CSS Questions

1 / 15

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

A. focus

B. outline

C. transition

D. color

2 / 15

2. The CSS property used to set the distance between the borders of the adjacent cells in the table is__________

A. border-collapse

B. cell-collapse

C. cell-spacing

D. border-spacing

3 / 15

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

A. radial-gradient()

B. circular-gradient()

C. elliptical-gradient()

D. none of the above

4 / 15

4. Which of the following CSS3 property specifies the sequential navigation order for an element?

A. nav

B. class

C. nav-index

D. class-index

5 / 15

5. There are many properties that can be used to align elements and create page layouts such as float,postion,flexbox and grid. Out of these four properties, which one should be used to align a global navigation bar which stays fixed at the top of the page?

A. position

B. flexbox

C. grid

D. float

6 / 15

6. Which property specifies where the background image is positioned?

A. background-image

B. background-origin

C. background-position

D. background-clip

7 / 15

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

8 / 15

8. What is the difference between the margin and padding properties?

A. Margin adds space around and inside of an element; Padding adds space only inside on an element.

B. Margin adds space around an element; Padding adds space inside of an element.

C. Margin adds a line around element; Padding adds space inside of an element.

D. Margin adds space inside of an element; Padding adds space around an element.

9 / 15

9. How would you make the first letter of every paragraph on the page red?

A. p::first-letter{color:red;}

B. p:first-letter{color:red;}

C. first-letter::p{color:red;}

D. first-letter:p{color:red;}

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 of the following CSS property defines how an image or video fits into container with established height and width?

A. object-fit

B. object-contain

C. object-cover

D. position:fixed

12 / 15

12. What will be the output of following CSS code snippet? h1 {color: red text-decoration: underline; font-style: italic;}

A. color: red, text-decoration: underline works

B. only font-style: italic works

C. color: red, text-decoration: underline and font-style: italic all works

D. text-decoration: underline and font-style: italic works

13 / 15

13. Which one of these is NOT an appropriate value for the font-variant property?

A. small-caps

B. large-caps

C. default

D. inherit

14 / 15

14. Identify the outline property that specifies the amount of area extended beyond the border box.

A. outset3d

B. inset

C. outset

D. inset3d

15 / 15

15. Which of the following will insert generated content in the counter?

A. content

B. counter-reset

C. counter-increment

D. counter()

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