CSS Questions

By Shubhranshu Shekhar / March 14, 2023

0 votes, 0 avg

548

CSS Questions

1 / 15

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

2 / 15

2. IF we want to wrap a block of text around an image, which css property will we use?

A. wrap

B. push

C. float

D. align

3 / 15

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

4 / 15

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

5 / 15

5. What changes the shadow from an outer shadow?

A. initial

B. inset

C. inherit

D. offset

6 / 15

6. Which of the following Property controls the display of small caps?

A. font-size

B. font-variant

C. font-style

D. font-weight

7 / 15

7. What should be the table width, So that the width of the table adjust to the current width of the browser window?

A. 640 pixels

B. 100.00%

C. full-screen

D. 1024 px

8 / 15

8. In the example below, when will the color pink be applied to the anchor element? a:active{ color:pink; }

A. The color of the link will be display as pink while the link is being clicked but before the mouse click is released.

B. The color of the link will display as pink before it has been clicked.

C. The color of the link will display as pink after its been clicked or if the mouse is hovering over the link.

D. The color of the link will display as pink on mouse hover.

9 / 15

9. Which of the following is only for table elements?

A. initial

B. collapse

C. hidden

D. inherit

10 / 15

10. Which of the following selector selects an element if it’s the only child of its parent?

A. :nth-oftype(n)

B. :only-child

C. :root

D. :single-child

11 / 15

11. Which of the following CSS property defines the different properties of all four sides of an element’s border in a single declaration?

A. border-collapse

B. border-width

C. padding

D. border

12 / 15

12. If we want to show an Arrow as cursor, then which value we will use?

A. pointer

B. default

C. arrow

D. cursor

13 / 15

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

A. style

B. list-style

C. menu-style

D. img-style

14 / 15

14. Which statement about block and inline elements is true?

A. By default, block elements are the same height and width as the content container between their tags; Inline elements span the entire width of its container.

B. By default, block elements are span the entire width of its container; Inline elements are the same height and width as the content container between their tags;

C. A nav tag element is an example of an inline element. Header tag is an example of a block element.

D. A span tag is an example of a block element. Div tag is an example of an inline element.

15 / 15

15. Which of the following will provide date pickers?

A. jQuery UI

B. Niceforms

C. WebShim

D. Bootstrap

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