css-exam - </> CoderMantra

0 votes, 0 avg

557

CSS Questions

1 / 15

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

2 / 15

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

3 / 15

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

4 / 15

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

5 / 15

5. 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()

6 / 15

6. What type of CSS is generally recommended for designing large web pages?

A. Inline

B. Internal

C. External

D. none of the above

7 / 15

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

A. text-align

B. float

C. text-align and float

D. center

8 / 15

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

9 / 15

9. Which Of The Following Selector Selects An Element That Has No Children?

A. :nochild

B. :empty

C. :inheritance

D. :no-child

10 / 15

10. Which of the following CSS property defines how an image or video fits into container with established height and width?

A. object-fit

B. object-contain

C. object-cover

D. position:fixed

11 / 15

11. Which of the following media feature describes the number of entries in the color lookup table of the output device

A. color

B. color-index

C. color-value

D. color-@media

12 / 15

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

13 / 15

13. What is the role of pseudo-class in CSS

A. Match a specified element

B. Select the active links

C. are used to select all the visited links

D. are used to define a special state of an element

14 / 15

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

15 / 15

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

Your score is

The average score is 49%

By Wordpress Quiz plugin