CSS Questions

By Shubhranshu Shekhar / March 14, 2023

0 votes, 0 avg

547

CSS Questions

1 / 15

1. Which of the following CSS Property determines whether an animation should run in reverse on some cycles?

A. animation

B. animation-run

C. animation-repeat

D. none of the above

2 / 15

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

3 / 15

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

A. outset3d

B. inset

C. outset

D. inset3d

4 / 15

4. Which Event Will Be Used When A Connection To The Server Is Opened.

A. Onmessage

B. Onopen

C. Onerror

D. none of the above

5 / 15

5. Which of the following selector selects the element that is the first child of its parent that is of its type?

A. ::first-letter

B. ::first-line

C. :last-child

D. :first-of-type

6 / 15

6. What is the difference between the margin and padding properties?

A. Margin adds space around and inside of an element; Padding adds space only inside on an element.

B. Margin adds space around an element; Padding adds space inside of an element.

C. Margin adds a line around element; Padding adds space inside of an element.

D. Margin adds space inside of an element; Padding adds space around an element.

7 / 15

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

8 / 15

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

A. Inline

B. Internal

C. External

D. none of the above

9 / 15

9. Which of the following syntax is correct in CSS to make each word of a sentence start with a capital letter?

A. text-style : capital;

B. transform : capitalize;

C. text-transform : capital;

D. text-transform : capitalize;

10 / 15

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

11 / 15

11. What is the way to specify media dependencies for style sheets ?

A. Specify the target medium from a style sheet with the @media or @import at-rules

B. Specify the target medium within the document language

C. both Specify the target medium from a style sheet with the @media or @import at-rules and Specify the target medium within the document language

D. none of the mentioned

12 / 15

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

13 / 15

13. Which model includes margin, border, padding, and content?

A. CSS3 Grid Layout model

B. CSS3 Flexbox Box model

C. CSS Box model

D. CSS Grid Template Layout Module

14 / 15

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

15 / 15

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

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