css-exam - </> CoderMantra

0 votes, 0 avg

550

CSS Questions

1 / 15

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

2 / 15

2. Which Event Will Be Used When A Connection To The Server Is Opened.

A. Onmessage

B. Onopen

C. Onerror

D. none of the above

3 / 15

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

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 these would give a block element rounded corners?

A. corner-curve:10px;

B. border-corner:10px

C. border-radius:10px;

D. corner-radius:10px;

6 / 15

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

7 / 15

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

A. focus

B. outline

C. transition

D. color

8 / 15

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

9 / 15

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

A. initial

B. collapse

C. hidden

D. inherit

10 / 15

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

11 / 15

11. What scales the background image as large as possible?

A. contain

B. cover

C. wrap

D. resize

12 / 15

12. Which of the following property of a table element specifies whether the browser should control the appearance of the adjacent borders that touch each other or whether each cell should maintain its style?

A. :border-collapse

B. :border-spacing

C. :caption-side

D. :empty-cells

13 / 15

13. Which of these functions is the 2D transformation in the matrix format?

A. perspective

B. matrix3d()

C. matrix2d()

D. matrix()

14 / 15

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

A. small-caps

B. large-caps

C. default

D. inherit

15 / 15

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

Your score is

The average score is 49%

By Wordpress Quiz plugin