CSS Questions

By Shubhranshu Shekhar / March 14, 2023

0 votes, 0 avg

570

CSS Questions

1 / 15

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

2 / 15

2. Which variable defines the data type of the content in CSS?

A. data_type

B. content_type

C. http_cookie

D. http_user_agent

3 / 15

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

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

6 / 15

6. Which of the following is the correct syntax to display the hyperlinks without any underline?

A. a {decoration : no-underline;}

B. a {text-decoration : none;}

C. a {text-decoration : underline;}

D. a {text decoration : none;}

7 / 15

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

8 / 15

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

9 / 15

9. What will be the output of the following CSS code snippet? span {
border: 1px solid red;
outline: green dotted thick;
}

A. All span elements will have a green thick border and a red outline

B. All span elements will have a red border and a green dotted outline

C. All span elements will have a outer green dotted border and an inner red border

D. All span elements will have an outer red border and inner green dotted border

10 / 15

10. Which of these would give a block element rounded corners?

A. corner-curve:10px;

B. border-corner:10px

C. border-radius:10px;

D. corner-radius:10px;

11 / 15

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

12 / 15

12. Which of the following media query describe output style portrait if height is greater than or equal to width, landscape if the opposite?

A. grid

B. monochrome

C. resolution

D. orientation

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

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