css-exam - </> CoderMantra

0 votes, 0 avg

552

CSS Questions

1 / 15

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

2 / 15

2. Which of the following Property controls the display of small caps?

A. font-size

B. font-variant

C. font-style

D. font-weight

3 / 15

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

4 / 15

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

A. Inline

B. Internal

C. External

D. none of the above

5 / 15

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

6 / 15

6. Which of the following CSS property defines the different properties of all four sides of an element’s border in a single declaration?

A. border-collapse

B. border-width

C. padding

D. border

7 / 15

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

A. contain

B. cover

C. wrap

D. resize

8 / 15

8. Which of the following will insert generated content in the counter?

A. content

B. counter-reset

C. counter-increment

D. counter()

9 / 15

9. In the below code snippet, in what order will the margins be added? p {
margin: 25px 50px 75px 100px;
}

A. Top, Right, Bottom, Left

B. Top, Left, Bottom, Right

C. Top, Bottom, Right, Left

D. Right, Left, Top, Bottom

10 / 15

10. Which property specifies where the background image is positioned?

A. background-image

B. background-origin

C. background-position

D. background-clip

11 / 15

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

12 / 15

12. Which of the following is the Color Format that is the CSS3 HSL value with a fourth value to set the alpha channel value for the color to define the opacity of the element?

A. HSLa Color

B. HSL Color

C. RGBa Color

D. RGB Color

13 / 15

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

14 / 15

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

15 / 15

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

A. perspective

B. matrix3d()

C. matrix2d()

D. matrix()

Your score is

The average score is 49%

By Wordpress Quiz plugin