CSS Questions

By Shubhranshu Shekhar / March 14, 2023

0 votes, 0 avg

561

CSS Questions

1 / 15

1. What changes the shadow from an outer shadow?

A. initial

B. inset

C. inherit

D. offset

2 / 15

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

3 / 15

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

4 / 15

4. What is not a valid way of declaring a padding value of 10 pixels on the top and bottom, and 0 pixels on the left abd right?

A. padding:10px 10px 0px 0px;

B. padding:10px 0px ;

C. padding:10px 0;

D. padding:10px 0px 10px 0px;

5 / 15

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

A. initial

B. collapse

C. hidden

D. inherit

6 / 15

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

7 / 15

7. When using flexbox, the ‘justify-content’ property can be used to distribute the space between the flex items along the main axis. Which value should be used to evenly distribute the flex items within the container shown below.

A. justify-content:center;

B. justify-content:space-around;

C. justify-content:auto;

D. justify-content:space-between;

8 / 15

8. Which of the following property will be used to display border around a cell without any content?

A. Noncontent-cell

B. Blank-cell

C. Empty-cell

D. Void-cell

9 / 15

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

A. scale

B. set-scale

C. adjust-scale

D. user-scalable

10 / 15

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

11 / 15

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

A. background-image

B. background-origin

C. background-position

D. background-clip

12 / 15

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

13 / 15

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

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 type of CSS is generally recommended for designing large web pages?

A. Inline

B. Internal

C. External

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