CSS Questions

By Shubhranshu Shekhar / March 14, 2023

0 votes, 0 avg

571

CSS Questions

1 / 15

1. Which of the following CSS Property determines whether an animation should run in reverse on some cycles?

A. animation

B. animation-run

C. animation-repeat

D. none of the above

2 / 15

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

A. text-align

B. float

C. text-align and float

D. center

3 / 15

3. Choose the option that correctly specifies the output of the following CSS. span {
border: 1px solid red;
outline: green dotted thick;
}

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

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

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

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

4 / 15

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

5 / 15

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

A. pointer

B. default

C. arrow

D. cursor

6 / 15

6. When adding transparency styles, what is the difference between using the opacity property versus the background property with rgba() value?

A. Opacity specifies the level of transparency of the child element. Background with a rgba() value applies transparency to the background color only.

B. Opacity applies transparency to the background color only. Background with a rgba() value specifies the level of transparency of an element, as a whole, including its content.

C. Opacity specifies the level of transparency of an element, including its content. Background with a rgba() value applies transparency to the background color only.

D. Opacity applies transparency to the parent and child elements. Background with a rgba() value specifies the level of transparency of the parent element only.

7 / 15

7. Which of the following is used for spread radius?

A. blur

B. spread

C. color

D. v-offset

8 / 15

8. Which of the following CSS Gradient Functions sets the direction and colors of a gradient that fades from one color to the next in a straight line?

A. gradient()

B. line-gradient()

C. linear-gradient()

D. none of the above

9 / 15

9. What is the correct syntax for referring an external CSS?

A. <link rel="stylesheet" type="text/css" href="style.css"/>

B. <style rel="stylesheet" type="text/css" href="style.css"></style>

C. <script rel="stylesheet" type="text/css" href="style.css"></script>

D. none of the above

10 / 15

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

11 / 15

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

12 / 15

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

13 / 15

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

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. The default value of “position” attrubute is?

A. fixed

B. absolute

C. inherit

D. static

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