css-exam - </> CoderMantra

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

3 / 15

3. Which of the following syntax is correct in CSS to make each word of a sentence start with a capital letter?

A. text-style : capital;

B. transform : capitalize;

C. text-transform : capital;

D. text-transform : capitalize;

4 / 15

4. Which of the following selector in CSS is used to select the elements that do not match the selectors?

A. :not selector

B. :empty selector

C. :! Selector

D. none of the above

5 / 15

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

A. perspective

B. matrix3d()

C. matrix2d()

D. matrix()

6 / 15

6. How would you make the first letter of every paragraph on the page red?

A. p::first-letter{color:red;}

B. p:first-letter{color:red;}

C. first-letter::p{color:red;}

D. first-letter:p{color:red;}

7 / 15

7. Which of the following is not value for the font-stretch(Font descriptor)?

A. normal

B. 50%

C. expanded

D. ultra-expanded

8 / 15

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

9 / 15

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

10 / 15

10. In the following media query example, what conditions are being targeted? @media(min-width:1024px),screen and (orientation: landscape){…..}

A. The rule will apply to a device that has a width of 1024px or narrower and is a screen device in landscape mode.

B. The rule will apply to a device that has a width of 1024px or wider and is a screen device in landscape mode.

C. The rule will apply to a device that has width of 1024px or narrower. Or is a screen device in landscape mode.

D. The rule will apply to a device that has either a width of 1024px or wider, or is a screen device in landscape mode.

11 / 15

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

12 / 15

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

13 / 15

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

14 / 15

14. Suppose we want to arrange 5 no of divs so that div4 is placed above div1. Now, which css property will we use to control the order of stack?

A. d-index

B. s-index

C. x-index

D. z-index

15 / 15

15. Which of the following properties will we use to display border around a cell without any content.?

A. empty-cell

B. blank-cell

C. noncontent-cell

D. void-cell

Your score is

The average score is 49%

By Wordpress Quiz plugin