CSS Questions & Answers – Miscellaneous

CSS Multiple Choice Questions & Answers (MCQs) focuses on “Miscellaneous”.

Q 1. Which of the following is not a combinatory?
A. *
B. >
C. ~
D. +

Show Answer

Answer:-A. *

Explanation

Combinator explains the relationship between the selectors. There are four combinators in CSS, child selector (>), adjacent sibling selector(+), general sibling selector(~), descendent selector (space).

Q 2. Which of the following selects all elements that are siblings of the specified element?
A. child selector
B. descendant selector
C. adjacent sibling selector
D. general sibling selector

Show Answer

Answer:-D. general sibling selector

Explanation

General sibling selector selects all elements that are siblings of a specified element, adjacent sibling selector selects all elements that are adjacent siblings of the specified element, child selector selects all elements that are immediate children of the specified element.

Q 3. Which of the following adds the value of a counter to an element?
A. counter-increment
B. content
C. counter()
D. counter-reset

Show Answer

Answer:-C. counter()

Explanation

counter() or counters() function adds value of counter to an element, content inserts generated content, counter-increment increments a counter value, counter-reset creates or resets a counter.

Q 4. Which of the following specifies how to slice border image?
A. border-image
B. border-image-source
C. border-image-outset
D. border-image-slice

Show Answer

Answer:-D. border-image-slice

Explanation

border-image-slice specifies how to slice border image, border-image-outset specifies the amount by which border image area extends beyond the border box, border-image is a shorthand property for setting all the border-image properties.

Q 5. Which web font was developed by Apple and Microsoft in the late 1980s?
A. TTF
B. OTF
C. WOFF
D. WOFF 2.0

Show Answer

Answer:-A. TTF

Explanation

TrueType (TTF) is a font standard developed in the late 1980s by Microsoft and Apple. It is the most common font format for both Microsoft Windows and Mac OS operating systems.

Q 6. Which of the following is a format for scalable computer fonts?
A. EOT
B. WOFF
C. OTF
D. WOFF 2.0

Show Answer

Answer:-C. OTF

Explanation

OpenType (OTF) is a format scalable for computer fonts, it was built on TrueType, and is a registered trademark of Microsoft. These fonts are used commonly today on major computer platforms.

Q 7. Which font format is used in web pages?
A. WOFF 2.0
B. WOFF
C. SVG Fonts
D. EOT

Show Answer

Answer:-B. WOFF

Explanation

WOFF is font format used in web pages. It was developed in 2009. It is essentially OpenType or TrueType with compression and additional metadata. The goal is to support font distribution from the server to client over the network with bandwidth constraints.

Q 8. What value lets animation to play forwards first then backward?
A. alternate-reverse
B. alternate
C. reverse
D. normal

Show Answer

Answer:-B. alternate

Explanation

When the value is set to alternate the animation is played forwards first then backward. When a value is set to alternate-reverse, the animation is played backward first, then forwards. At normal value the animation is played as normal, this is the default value.

Q 9. Which value specifies animation with slow start?
A. ease-out
B. ease-in
C. linear
D. ease

Show Answer

Answer:-B. ease-in

Explanation

ease-in specifies an animation with a slow start, ease-out specifies an animation with a slow end, linear specifies animation with same speed from start to end, ease specifies an animation with a slow start, then fast, then end slowly.

Q 10. How many values are there for animation-full-mode property?
A. 1
B. 2
C. 3
D. 4

Show Answer

Answer:-D. 4

Explanation

animation-fill-mode property specifies the style for the target element when an animation is not playing. There are four values for this property namely none, forwards, backwards, and both. None is the default value.

Q 11. Which of the following specifies animation code?
A. animation
B. @keyframes
C. animation-delay
D. animation-direction

Show Answer

Answer:-B. @keyframes

Explanation

Akeyframes specifies animation code, animation is shorthand property which sets all the animation property, animation-delay specifies the delay for start of the animation, animation-delay specifies a delay for start of the animation.

Q 12. Which specifies the speed curve of animation?
A. animation-iteration-count
B. animation-name
C. animation-play-state
D. animation-timing-function

Show Answer

Answer:-D. animation-timing-function

Explanation

animation-timing-function specifies the speed curve of animation, animation-play-state specifies whether the animation is running or paused, animation-name specifies the name of @keyframes animation.

Q 13. How many values are there for the object-fit property?
A. 2
B. 3
C. 4
D. 5

Show Answer

Answer:-D. 5

Explanation

object-fit property can have 5 properties names fill, contain, cover, none, scale-down. The default value is fill, the replaced content is sized to fill element’s content box, with help of contain the replaced content is scaled to maintain its aspect ratio while fitting element’s content box.

Q 14. Which property specifies the number of columns an element should be divided into?
A column-rule
B. column-count
C. column-gap
D. column-fill

Show Answer

Answer:-B. column-count

Explanation

column-count specifies the number of columns an element should be divided into, column-fill specifies how to fill the columns, column-gap specifies the gap between columns, column-rule is for setting all the column-rule properties.

Q 15. Which property is used for setting column-width and column-count?
A. column-span
B. column-width
C. columns
D. column-width-rule

Show Answer

Answer:-A. column-span

Explanation

columns is a shorthand property for setting column-width and column-count, column-width specifies suggested, optimal width for columns, column-span specifies how many columns an element should span across.