CSS Quiz | Set-2

Question 1

Which CSS property will we use to wrap a block of text with an image ?

• A. Wrap
• B. Push
• C. Float
• D. Align

Answer: (C)

Float is a property in CSS which is used to style an element. It defines the flow of content. There are many types of floating properties like float: left, float: right, etc.

Question 2

Which css selector is used to defining the style for unique elements ?

• A. id
• B. text
• C. class
• D. name

Answer: (A)

The id selector is used to set the style of the given id The id attribute is unique in an HTML document.

Question 3

Which properties in CSS used to selects an animation defined in the keyframes rule ?

• A. animation
• B. animation-name
• C. animation-element
• D. None of the mentioned

Answer: (B)

The animation-name property in CSS is used to specify the name of the @keyframes that describing the animation-name property. There are 5 values: initially, inherit, keyframe name, and none.

Question 4

Which of the below CSS property should run in reverse on some cycles in animation ?

• A. animation
• B. animation-run
• C. animation-repeat
• D. animation-direction

Answer: (D)

The animation-direction in CSS is used to run in reverse on some cycles in animation.

Question 5

Which function in CSS is used to insert a value for the custom property ?

• A. calc()
• B. hsla()
• C. hsl()
• D. var()

Answer: (D)

The var() function in CSS is used to insert a value for a custom property. The syntax is var( custom_property, value ) where it takes the two property custom_property and the value.

Question 6

Which of the below CSS properties determine that the element of x-coordinate convert the position of the mask ?

• A. mask-x-origin
• B. mask-y-origin
• C. mask-position-x
• D. mask-origin-y

Answer: (C)

The mask-position-x is CSS is a property that determines whether the element of x-coordinate convert the position of the mask is not.

Question 7

Which of the below is correct way for write comment in CSS code ?

• A. /* content goes here */
• B. // content goes here //
• C. / content goes here /
• D. <'content goes here'>

Answer: (A)

Comment is the way that tells which line of code performs what type of function.

Question 8

Which of the below property in CSS is used to apply visual effects ?

• A. Alpha
• B. BasicImage
• C. Blur
• D. Filter

Answer: (D)

The filter property is used to set the visual effect of an element in CSS This property is mainly responsible for changing the content of an image.

Question 9

Which function in CSS is used to set the linear gradient as the background image ?

• A. absolute-gradient()
• B. relative-gradient()
• C. linear-gradient()
• D. custom-gradient()

Answer: (C)

The linear-gradient() function is an inbuilt function in CSS that is set used to set the linear gradient as the background image of the web pages. It takes two parameters one is the direction and another one is color.

Question 10

Which property of CSS is used to animate the width of search input when the element gets focus ?

• A. Focus
• B. Transition
• C. Outline
• D. Color

Answer: (B)

Transitions in CSS are used to animate the width of search input when the element gets focus to allow us to control the way in which transition takes place between the given two states of the element.