CSS Questions

By Shubhranshu Shekhar / March 14, 2023

0 votes, 0 avg

552

CSS Questions

1 / 15

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

A. content

B. counter-reset

C. counter-increment

D. counter()

2 / 15

2. Which of the following property sets list-style-type, list-style-position, and liststyle-image?

A. style

B. list-style

C. menu-style

D. img-style

3 / 15

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

A. initial

B. collapse

C. hidden

D. inherit

4 / 15

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

5 / 15

5. When adding transparency styles, what is the difference between using the opacity property versus the background property with rgba() value?

A. Opacity specifies the level of transparency of the child element. Background with a rgba() value applies transparency to the background color only.

B. Opacity applies transparency to the background color only. Background with a rgba() value specifies the level of transparency of an element, as a whole, including its content.

C. Opacity specifies the level of transparency of an element, including its content. Background with a rgba() value applies transparency to the background color only.

D. Opacity applies transparency to the parent and child elements. Background with a rgba() value specifies the level of transparency of the parent element only.

6 / 15

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

7 / 15

7. Which of the following is the correct syntax to display the hyperlinks without any underline?

A. a {decoration : no-underline;}

B. a {text-decoration : none;}

C. a {text-decoration : underline;}

D. a {text decoration : none;}

8 / 15

8. Which of the following Media Query describe the ratio of the device width to the device height of the media?

A. device-aspect

B. device-aspect-ratio

C. device-aspect-query

D. none of the above

9 / 15

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

10 / 15

10. Which of the following selector selects all element of E that have the attribute attr that end with the given value?

A. E[attr^=value]

B. E[attr$=value]

C. E[attr*=value]

D. E[attr&=value]

11 / 15

11. Choose the option that correctly specifies the output of the following CSS. span {
border: 1px solid red;
outline: green dotted thick;
}

A. All span elements will have a red border and a green dotted outline

B. All span elements will have a green thick border and a red outline

C. All span elements will have an outer red border and inner green dotted border

D. All span elements will have a outer green dotted border and an inner red border

12 / 15

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

13 / 15

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

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

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