R4RIN – MCQs, Mock Tests | CSS Css Mcq Set 7

Using actual image with inline image method is also known as ______

1. The Langridge method
2. Radu Darvas Shim
3. The Levin Technique
4. Phark method

✅ Correct Answer: 4

Using Pseudo element is known as _________

1. Nash Image replacement
2. Phark method
3. Radu Darvas Shim
4. The Langridge method

✅ Correct Answer: 1

Which of the following is only for table elements?

1. initial
2. collapse
3. hidden
4. inherit

✅ Correct Answer: 2

Clip property is not supported in ________

1. Internet Explorer
2. Chrome
3. Safari
4. Opera

✅ Correct Answer: 1

Which of the following CSS Property selects an animation defined in an @keyframes rule and applies it to the element?

1. animation
2. animation-name
3. animation-element
4. none of the mentioned

✅ Correct Answer: 2

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

1. animation
2. animation-run
3. animation-repeat
4. none of the mentioned

✅ Correct Answer: 4

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?

1. animation-play
2. animation-delay
3. animation-fill-mode
4. animation-play-state

✅ Correct Answer: 3

Which of the following CSS Property sets the pace of the transition to the next keyframe, as described in the previous section?

1. animation-timing-function
2. animation-pace-function
3. animation-transition-function
4. none of the mentioned

✅ Correct Answer: 1

Which of the following CSS property defines whether the animation is running or paused?

1. animation-pause-state
2. animation-state
3. animation-play-state
4. all of the mentioned

✅ Correct Answer: 3

Which of the following property defines when the animation will start. It allows an animation to begin execution some time after it is applied?

1. animation-stop
2. animation-delay
3. animation-start
4. animation-control

✅ Correct Answer: 2

Which of the following property specifies the number of times an animation should run?

1. animation-repeat
2. animation-count
3. animation-iteration-count
4. all of the mentioned

✅ Correct Answer: 3

Which of the following CSS Property specifies the top offset of a positioned element?

1. top
2. up
3. reverse
4. fix

✅ Correct Answer: 1

Which of the following CSS Property Specifies the left offset of a positioned element?

1. right
2. left
3. bottom
4. up

✅ Correct Answer: 2

Which of the following CSS Property Defines the area of an absolutely positioned element that remains visible?

1. clamp
2. clip
3. visibility
4. static

✅ Correct Answer: 2

Which of the following CSS Property specifies whether the labels for an element’s list items are positioned inside or outside the “box” defined by the listed item?

1. list-style
2. list-position
3. list-style-position
4. all of the mentioned

✅ Correct Answer: 3

Which of the following CSS Property defines the x-coordinate of the background-position property?

1. background-position-x
2. background-position-y
3. background-x-axis
4. background-y-axis

✅ Correct Answer: 1

Which of the following CSS Property specifies the position of the mask?

1. mask
2. mask-position
3. mask-origin
4. none of the mentioned

✅ Correct Answer: 2

Which of the following CSS Property specifies the x-coordinate in the position of the mask?

1. mask-x
2. mask-x-origin
3. mask-position-x
4. mask-origin-x

✅ Correct Answer: 2

Which of the following Microsoft-introduced property defines the position of underlining set by the text-decoration property?

1. text-underline
2. text-underline-origin
3. text-underline-position
4. none of the mentioned

✅ Correct Answer: 4

Which of the following are different origins of style sheets?

1. author
2. user
3. user agent
4. all of the mentioned

✅ Correct Answer: 4

Which of the following Cascading order has the highest precedence?

1. user agent declarations
2. user normal declarations
3. author normal declarations
4. author important declarations

✅ Correct Answer: 1

Which of the following property is used to define how nested items are rendered in a 3-D space?

1. transform-style
2. transform
3. transform-origin
4. transform-3D

✅ Correct Answer: 1

Which of the following rule allows users to import style rules from other style sheets?

1. @media
2. @important
3. @import
4. @style

✅ Correct Answer: 3

Which of the following property is a shorthand that resets all CSS properties?

1. reset
2. inital
3. all
4. delete

✅ Correct Answer: 3

Which of the following generate “virtual” rules representing their effects when running?

1. DOM’s
2. important
3. CSS Animations
4. Inheritance

✅ Correct Answer: 3

The ______ is the result of taking the computed value and completing any remaining calculations to make it the absolute theoretical value used in the layout of the document.

1. cascaded value
2. declared value
3. used value
4. none of the mentioned

✅ Correct Answer: 3

The _______ is the result of resolving the specified value.

1. cascaded value
2. computed value
3. specified value
4. declared value

✅ Correct Answer: 2

The ____________ represents the result of the cascade: it is the declared value that wins the cascade.

1. specified Value
2. actual value
3. computed value
4. cascaded value

✅ Correct Answer: 4

Which of the following is set for horizontal offset of the shadow?

1. h-offset
2. v-offset
3. none
4. blur

✅ Correct Answer: 1

Which of the following is used for spread radius?

1. blur
2. spread
3. color
4. v-offset

✅ Correct Answer: 2

What changes the shadow from an outer shadow?

1. inset
2. initial
3. inherit
4. spread

✅ Correct Answer: 1

What scales the background image as large as possible?

1. contain
2. cover
3. size
4. resize

✅ Correct Answer: 1

Which property specifies where the background image is positioned?

1. background-size
2. background-origin
3. background-image
4. background-clip

✅ Correct Answer: 1

Which property specifies the painting area of the background?

1. background-clip
2. background-image
3. background-size
4. background-origin

✅ Correct Answer: 1

Which of the following will show a pop-up window that breaks into pieces once clicked?

1. click and break it
2. 3D movement effect
3. blurred background
4. left bottom corner

✅ Correct Answer: 1

Which of the following comes with a smooth full screen overlay effect?

1. Overlay pop-up
2. Conformation pop-up
3. Welcome pop-up
4. Cartoon pop-up

✅ Correct Answer: 1

Which of the following will display a speech bubble pop-up?

1. pop-up question form
2. cartoon pop-up
3. modal animation physics
4. overlay pop-up

✅ Correct Answer: 2

Which of the following will give a minimalist entrance effect on hover?

1. “flappy” buttons
2. material design
3. linear pop-up
4. SVG & jQuery pop-up animation

✅ Correct Answer: 3

What should be added to create a horizontal menu?

1. pure-menu-horizontal
2. pure-menu-selected
3. pure-menu-has-children
4. pure-menu-scrollable

✅ Correct Answer: 1

Which of the following name should be added to mark a link as disabled?

1. responsive horizontal-to-vertical menu
2. pure-menu-disabled
3. pure-menu-selected
4. responsive vertical menu

✅ Correct Answer: 2

Which of the following is used for adding perspective background images for each section?

1. .bg1
2. .parallax
3. .static
4. .section

✅ Correct Answer: 1

Which of the following does not support the “:hover” pseudoclass?

1. IE 6
2. Chrome
3. Opera
4. Safari

✅ Correct Answer: 1

Which class is used for setting perspective and scroll properties for the page?

1. wrapper
2. .section
3. .static
4. .parallax

✅ Correct Answer: 1

Which of the following position is based on the user’s scroll position?

1. fixed
2. sticky
3. relative
4. static

✅ Correct Answer: 2

Which of the following does not support sticky version?

1. Firefox
2. Opera
3. IE
4. Chrome

✅ Correct Answer: 3

What sets the stack order of an element?

1. z-index
2. right
3. top
4. position

✅ Correct Answer: 1

What clips an absolutely positioned elements?

1. right
2. bottom
3. position
4. clip

✅ Correct Answer: 4

Which of the following is positioned relative to the nearest positioned ancestor?

1. absolute
2. static
3. clip
4. relative

✅ Correct Answer: 1

Which of the following position element is not affected by the top, bottom, left etc. property?

1. static
2. clip
3. relative
4. absolute

✅ Correct Answer: 1

What is the default value of object-fit?

1. fill
2. contain
3. none
4. cover

✅ Correct Answer: 1