Scribd
Upload
21 views6 pages

CSS MCQ Set Paper 5

Uploaded by

Prajwal Samshi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
21 views6 pages

CSS MCQ Set Paper 5

Uploaded by

Prajwal Samshi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

[Type]0

[Marks]1
[Negative Marks]0

Q.1) What is the purpose of the CSS display property?


[a] It specifies the size of the element.
[b] It controls the positioning of the element.
*[c] It determines how the element is displayed.
[d] It sets the background color of the element.

[S1] This is for the solution

Q.2) Which display value will cause an element to be shown as a block-


level element?
[a] inline
*[b] block
[c] inline-block
[d] none

[S1] This is for the solution

Q.3) The display: inline-block; value combines the characteristics of


which two display types?
*[a] block and inline
[b] inline and inline-table
[c] flex and grid
[d] table and table-cell

[S1] This is for the solution

Q.4) Which display value will hide an element from the page layout and
make it invisible?
[a] inline
[b] block
[c] inline-block
*[d] none

[S1] This is for the solution

Q.5) Which of the following statements about the display: flex; property
is correct?
[a] It allows the element to be displayed as an inline-level element.
*[b] It enables a flexible box layout for the element and its children.
[c] It makes the element expand to fill the available space.
[d] It aligns the content of the element along the vertical axis.

[S1] This is for the solution

Q.6) Which display value is used to group table rows into a table body?
[a] table-row
[b] table-cell
*[c] table-row-group
[d] table
[S1] This is for the solution

Q.7) What is the default value of the display property for most HTML
elements?
[a] block
*[b] inline
[c] inline-block
[d] none

[S1] This is for the solution

Q.8) The display: grid; property is used to create a grid layout. Which
HTML elements can be transformed into a grid container using this
property?
[a] Only elements with the <div> tag
*[b] Any HTML element
[c] Only elements with the <table> tag
[d] Only elements with the <span> tag

[S1] This is for the solution

Q.9) What does the display: table-cell; value do?

*[a] It specifies that an element should be treated as a table cell.


[b] It allows an element to be displayed as an inline-level element.
[c] It creates a block-level element with table-like behavior.
[d] It positions an element absolutely within its parent container.

[S1] This is for the solution

Q.10) Which of the following values for the display property will make
an element take up only the necessary space it requires, without any
line breaks?

[a] block
*[b] inline
[c] flex
[d] inline-block

[S1] This is for the solution

Q.11) Which CSS property is used to create gradients?


[a] background-color
[b] color
[c] gradient
*[d] background-image

[S1] This is for the solution


Q.12) Which of the following is not a valid type of CSS gradient?

[a] Linear gradient


[b] Radial gradient
*[c] Diagonal gradient
[d] Conical gradient

[S1] This is for the solution

Q.13) Which CSS function is used to define a linear gradient


*[a] linear-gradient()
[b] radial-gradient()
[c] conical-gradient()
[d] gradient()

[S1] This is for the solution

Q.14) How many color stops can be specified in a linear gradient?


[a]one
[b]Two
[c]Three
*[d]There is no limit

[S1] This is for the solution

Q.15) What is a color stop in a gradient?


[a] The starting point of the gradient
[b] The ending point of the gradient
[c] The midpoint of the gradient
*[d] A specific point along the gradient where a color is defined

[S1] This is for the solution

Q.16) Which CSS property is used to control the direction of a linear


gradient?
[a] background-position
*[b] background-direction
[c] background-size
[d] background-repeat

[S1] This is for the solution


Q.17) Which CSS function is used to define a radial gradient?

[a] linear-gradient()
[b] conical-gradient()
[c] gradient()
*[d] radial-gradient()

[S1] This is for the solution

Q.18) How many shape values can be specified in a radial gradient?

[a] One
[b] Two
*[c] Three
[d] There is no limit

[S1] This is for the solution

Q.19) Which shape value is used to create a circular radial gradient?


[a] ellipse
*[b] circle
[c] oval
[d] sphere

[S1] This is for the solution

Q.20) Which CSS function is used to define a conical gradient?


[a] linear-gradient()
[b] radial-gradient()
*[c] conical-gradient()
[d] gradient()

[S1] This is for the solution

Q.21) What is the purpose of the CSS transition property?

[a] It specifies the duration of an animation.


[b] It defines the timing function for an animation.
[c] It sets the delay before an animation starts.
*[d] It creates smooth transitions between property changes.

[S1] This is for the solution

Q.22) Which CSS property is commonly used with the transition property
to specify the property to be transitioned?
[a] transform
*[b] transition-property
[c] animation
[d] transition-timing-function
[S1] This is for the solution

Q.23) How is the duration of a transition specified using the transition


property?
[a] grow
[b] bounce
*[c] ease-in
[d] rotate

[S1] This is for the solution

Q.24) What does the transition-delay property do?


[a] It specifies the duration of the transition.
*[b] It sets the delay before the transition starts.
[c] It defines the timing function for the transition.
[d] It determines the order of multiple transitions.

[S1] This is for the solution

Q.25) How can you specify multiple properties to be transitioned using


the transition property?
[a] Use the all keyword to transition all properties.
[b] Specify the properties in an array.
[c] Use a separate transition declaration for each property.
*[d] Separate the property names with commas.

[S1] This is for the solution

Q.26) Which of the following is the correct syntax for specifying a


transition for both width and height properties with a duration of 1
second?

[a] transition: width, height 1s;


[b] transition: width 1s height;
*[c] transition: width 1s, height 1s;
[d]none of the above

[S1] This is for the solution

Q.27) What happens if the transition property is defined on an element


without specifying any values?
*[a] No transition will occur.
[b] The transition will occur instantly
[c] The browser will use default transition settings.
[d] An error will occur.

[S1] This is for the solution


Q.28) Which of the following is a shorthand property for defining
multiple transition-related properties at once?
[a] transition-property
[b] transition-duration
[c] transition-timing-function
*[d] transition

[S1] This is for the solution

Q.29) What is the order of values in the transition property shorthand?


[a] property duration timing-function delay
*[b] property timing-function duration delay
[c] timing-function delay duration property
[d] duration property timing-function delay

[S1] This is for the solution

Q.30) In this line of code, identify the selector ___.


p {border: 2px solid blue;}

[a] border
*[b] p
[c] 2px
[d] None of these

You might also like