CSS Questions

By Shubhranshu Shekhar / March 14, 2023

0 votes, 0 avg

570

CSS Questions

1 / 15

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

A. Header

B. Footer

C. Display

D. Cascade

2 / 15

2. If we want to show an Arrow as cursor, then which value we will use?

A. pointer

B. default

C. arrow

D. cursor

3 / 15

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

4 / 15

4. What is the use of Pseudo-classes In CSS?

A. To Match A Specified Element

B. To select the active links

C. Are used to select all the visited links

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

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

7 / 15

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

8 / 15

8. Which value specifies a transition effect with a slow start, then fast, then end slowly?

A. ease

B. linear

C. ease-in

D. ease-out

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 will display a speech bubble pop-up?

A. pop-up question form

B. cartoon pop-up

C. modal animation physics

D. overlay pop-up

11 / 15

11. Which of the following CSS3 property specifies the sequential navigation order for an element?

A. nav

B. class

C. nav-index

D. class-index

12 / 15

12. Which of the following is not value for the font-stretch(Font descriptor)?

A. normal

B. 50%

C. expanded

D. ultra-expanded

13 / 15

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

A. !important!

B. important!

C. !important

D. ?important

14 / 15

14. Which of the following CSS selectors are used to specify a group of elements?

A. tag

B. id

C. class

D. both id and class

15 / 15

15. There are many properties that can be used to align elements and create page layouts such as float,postion,flexbox and grid. Out of these four properties, which one should be used to align a global navigation bar which stays fixed at the top of the page?

A. position

B. flexbox

C. grid

D. float

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