CSS Multiple Choice Questions on “Miscellaneous”.
1. Which of the following is not a combinatory?
a) *
b) >
c) ~
d) +
Answer: a
Clarification: Combinator explains the relationship between the selectors. There are four combinators in CSS, child selector (>), adjacent sibling selector(+), general sibling selector(~), descendent selector (space).
2. Which of the following selects all elements that are siblings of the specified element?
a) child selector
b) general sibling selector
c) adjacent sibling selector
d) descendant selector
Answer: b
Clarification: 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.
3. Which of the following adds the value of a counter to an element?
a) counter-increment
b) content
c) counter()
d) counter-reset
Answer: c
Clarification: 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.
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
Answer: d
Clarification: 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.
5. Which web font was developed by Apple and Microsoft in the late 1980s?
a) TTF
b) OTF
c) WOFF
d) WOFF 2.0
Answer: a
Clarification: 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.
6. Which of the following is a format for scalable computer fonts?
a) EOT
b) WOFF
c) OTF
d) WOFF 2.0
Answer: c
Clarification: 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.
7. Which font format is used in web pages?
a) WOFF 2.0
b) WOFF
c) SVG Fonts
d) EOT
Answer: b
Clarification: 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.
8. What value lets animation to play forwards first then backward?
a) alternate
b) alternate-reverse
c) reverse
d) normal
Answer: a
Clarification: 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.
9. Which value specifies animation with slow start?
a) ease-out
b) ease-in
c) linear
d) ease
Answer: b
Clarification: 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.
10. How many values are there for animation-full-mode property?
a) 1
b) 2
c) 3
d) 4
Answer: d
Clarification: 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.
11. Which of the following specifies animation code?
a) @keyframes
b) animation
c) animation-delay
d) animation-direction
Answer: a
Clarification: 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.
12. Which specifies the speed curve of animation?
a) animation-iteration-count
b) animation-name
c) animation-play-state
d) animation-timing-function
Answer: d
Clarification: 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.
13. How many values are there for the object-fit property?
a) 2
b) 5
c) 3
d) 4
Answer: b
Clarification: 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.
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
Answer: b
Clarification: 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.
15. Which property is used for setting column-width and column-count?
a) columns
b) column-width
c) column-span
d) column-width-rule
Answer: a
Clarification: 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.