css-exam - </> CoderMantra

0 votes, 0 avg

547

CSS Questions

1 / 15

1. If we don't want to allow a floating div to the left side of an element, which CSS property will we use?

A. margin

B. clear

C. float

D. padding

2 / 15

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

3 / 15

3. From the choices given below, select the correct oredr to code css pseudo-classes.

A. link,visited,hover,active

B. hover,link,active,visited

C. link,hover,visited,active

D. link,hover,active,visited

4 / 15

4. IF we want to wrap a block of text around an image, which css property will we use?

A. wrap

B. push

C. float

D. align

5 / 15

5. Which selector do we use to specify the rule for binding some particular unique element?

A. Class

B. id

C. Tags

D. both tags and class

6 / 15

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

7 / 15

7. Which of the following will provide date pickers?

A. jQuery UI

B. Niceforms

C. WebShim

D. Bootstrap

8 / 15

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

9 / 15

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

10 / 15

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

11 / 15

11. Which of the following function adjusts the difference between light and dark values, for use by the filter property?

A. contrast()

B. dark()

C. saturation()

D. brightness()

12 / 15

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

13 / 15

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

14 / 15

14. 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-fill-mode

D. animation-play-state

15 / 15

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

Your score is

The average score is 49%

By Wordpress Quiz plugin