css-exam - </> CoderMantra

0 votes, 0 avg

560

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 CSS property is used for controlling the layout?

A. Header

B. Footer

C. Display

D. Cascade

3 / 15

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

A. focus

B. outline

C. transition

D. color

4 / 15

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

5 / 15

5. Which one is NOT the audio element’s attribute?

A. check

B. controls

C. loop

D. src

6 / 15

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

7 / 15

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

8 / 15

8. Which of the following selector selects the element that is the first child of its parent that is of its type?

A. ::first-letter

B. ::first-line

C. :last-child

D. :first-of-type

9 / 15

9. The CSS property used to set the distance between the borders of the adjacent cells in the table is__________

A. border-collapse

B. cell-collapse

C. cell-spacing

D. border-spacing

10 / 15

10. Which of the following will provide date pickers?

A. jQuery UI

B. Niceforms

C. WebShim

D. Bootstrap

11 / 15

11. Which of the following selector selects an element if it’s the only child of its parent?

A. :nth-oftype(n)

B. :only-child

C. :root

D. :single-child

12 / 15

12. Which statement regarding icon fonts is true?

A. Icon fonts can be inserted only using JavaScript.

B. Icon fonts can be styled with typography-related properties such as font-size and color.

C. Icon fonts are inserted as inline images.

D. Icon fonts require browser extension.

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

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