CSS Questions

By Shubhranshu Shekhar / March 14, 2023

0 votes, 0 avg

571

CSS Questions

1 / 15

1. When using position fixed, what will the element always be positioned relative to?

A. the closest element with position:relative

B. the viewport

C. the parent element

D. the wrapper element

2 / 15

2. Which of the following is only for table elements?

A. initial

B. collapse

C. hidden

D. inherit

3 / 15

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

D. animation-fill-mode

4 / 15

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

5 / 15

5. If a particular should never be overridden by another rule, the _______ indication should be used.

A. !important!

B. important!

C. !important

D. ?important

6 / 15

6. Which of the following attributes is used to specify elements to bind style rules to?

A. Id

B. Class

C. Tag

D. all of the above

7 / 15

7. Which CSS property is used for controlling the layout?

A. Header

B. Footer

C. Display

D. Cascade

8 / 15

8. Three of these choices are tue about class selectors. Which is NOT true?

A. Multiple classes can be used within the same element.

B. The same class can be used multiple times per page.

C. Class selectors with a leading period.

D. Classes can be used multiple times per page but not within the same element.

9 / 15

9. Identify the outline property that specifies the amount of area extended beyond the border box.

A. outset3d

B. inset

C. outset

D. inset3d

10 / 15

10. In the example below, when will the color pink be applied to the anchor element? a:active{ color:pink; }

A. The color of the link will display as pink after its been clicked or if the mouse is hovering over the link.

B. The color of the link will display as pink on mouse hover.

C. The color of the link will be display as pink while the link is being clicked but before the mouse click is released.

D. The color of the link will display as pink before it has been clicked.

11 / 15

11. What is CSS?

A. CSS is a style sheet language

B. CSS is designed to separate the presentation and content, including layout, colors, and fonts

C. CSS is the language used to style the HTML documents

D. All of the mentioned

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

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

Your score is

The average score is 49%

By WordPress Quiz plugin

Written by Shubhranshu Shekhar, who has trained 20000+ students in coding.

Shubhranshu Shekhar

Shubhranshu Shekhar is a coding instructor, mentor, and founder of VSIT Delhi with 20+ years of teaching experience (since 2004). He has guided many students who are now working in multinational companies and specializes in Full Stack Development, Python, Digital Marketing, and Data Analytics.

Related Posts