General CSS 3 MCQs

1. To debug for Section 508 compliance you may want to check that all images contain alt tags. To do this you use:

2. True or False? The word-wrap and overflow-wrap properties have the same effects.

3. What CSS3 attribute is not correct

4. What is the common CSS3 trick used to trigger hardware acceleration on mobile devices?

5. Have all of the CSS3 properties been implemented in the modern browsers?

6. Which is a recognized media type?

7. We write single ______ before the pseudo-class property.

8. How can you apply a "bounce" effect to an element?

9. _____ positioned boxes are taken out of the normal flow.

10. If there is not enough room for a float on a line it is:

11. What is the shorthand version of the CSS3 property transition?

12. This code will affect: @media print {h1#first { position: static }

13. To turn text into all uppercase, use:

14. To specify the character encoding in an external stylesheet use:

15. You can specify the horizontal shadow, vertical shadow and the ______ distance in text-shadow.

16. How would you set a background image to not repeat?

17. With the emergence of CSS3, CSS2 has become:

18. Is @keyframes an method of animations in CSS3?

19. what is the vendor prefix for internet explorer ?

20. Which of the following options below has the correct CSS syntax?

21. The correct way to select only inputs which are "disabled" is?

22. Webkit has it's own prefix and works in:

23. Do "left", "top", "right" and "bottom" properties apply to all positioned elements?

24. To give the effect of using tables without actually using tables in the HTML use:

25. What would a:link be an example of?

26. li:nth-child(2n+1) { background-color: rgba(225, 0, 30, 0.8); } This code will:

27. Whether or not a browser accepts a styling is called:

28. Use _____ to spread out the letters of each word in a sentence.

29. Before using CSS3 declarations it is important to:

30. Is ::first-line a pseudo-element?

31. To create more space within a CSS3 button use:

32. To have a box-shadow inside of the div use:

33. Which one of these is not a font-weight descriptor in CSS3?

34. Is the following valid? "box-shadow: -5px -5px -5px #ccc;"

35. What does this code do? @import url("mystyle.css");

36. Does CSS3 totally take over CSS2 or can the two be mixed?

37. Which selector can be used to target every element on a page?

38. What are the 4 current vendor prefixes for css3 properties? (5 major desktop browsers, not mobile or tv)

39. In an unordered list, to turn off the bullets on the li tags use:

40. Is it true that the z-index property only applies to positioned elements?

41. True or False: The borders of an element can vary only up to 2 sides.

42. Opacity can cause an image to appear:

43. Using li:nth-child(odd) will:

44. When styling for devices with 3-3.5 inch screen sizes it's best to use:

45. True or False: Due to CSS box model you cannot create a circle using CSS3.

46. CSS elements specified in a stylesheet should always end with ___________.

47. What would 'p:first-child' be an example of?

48. To set opacity of the background of an element, use:

49. What property is used when creating custom fonts?

50. How would you cause an element to acquire the font-family of its parent element?

51. Which one is correct way to give margin to an element?

52. In this order, content, padding, border, margin, these best represent _____

53. How would you make the background color of all the divs on a page blue?

54. When making an animation in CSS3, can the image change color as it moves or does it have to wait till it makes destination?

55. What tag would you use to make an internal style sheet on your HTML document?

56. margin-top:30px; Here:

57. To get li tags to sit side by side use:

58. Can you rotate images in CSS3 and if you can what is the right method to do so?

59. In CSS, * is called a:

60. CSS3 allows us to specify an inset text-shadow, similar to box-shadow.

61. What browser is transform-style not supported in

62. What is the syntax of opacity in CSS3?

63. Which browser dos NOT support all properties of 3D-Transforms

64. How do you set the opacity at 50% for this image for an image of id="image"?

65. When using HTML5 canvas it's good to...

66. When using multiple images on a background you must also set the _____ for both.

67. CSS can be used to style...

68. What is the limit assigned to using the :nth-child(-n+X) pseudo-selector where "X" represents the number of matches you wish to include?

69. To use CSS to make the corners of an element round without the use of scripting use:

70. True or False: CSS3 can be used to create images and animation.

71. CSS specifications are maintained by:

72. Transitions are best supported in:

73. You can use HTML attributes to define styles inline.

74. In some instances CSS3 has replaced the need for:

75. True or False: A roll-over effect can be acheived using CSS.

76. Which color will show this css value : #ffffff;

77. To style a section element, you may use:

78. Can you use negative values for box-shadow in CSS3?

79. True or False: In CSS3, one can add multiple background images.

80. How do you add a comment in CSS?

81. Can you expand the width of an element with a hover action in transitions in CSS3 or only other elements?

82. To remove the underline from an href use:

83. What are different ways to apply styles to a Web page?

84. CSS2 and CSS3 styles can be combined.

85. Before you can use CSS3 you must first add a:

86. Which color will show this css value : #000000;

87. True or False: You can create a full navigation bar including background color, buttons, horizontal or vertical alignment using all CSS!

88. Can you make text seem hollow with CSS3?

89. The ':before' and ':after' pseudo-elements can be used to insert generated content before or after an element's content.

90. Using CSS3 you can create multi-colored:

91. True or False: CSS3 allows you to animate divs.

92. After assigning a value to a property you should end the statement with a:

93. Which of the following is NOT a feature of CSS3:

94. Which is correct use of border-radius?

95. In CSS3 it is possible to specify the size of the background image...

96. What line of HTML would you use to reference an external style sheet?

97. If a layout is created in a PSD with blue buttons in the nav, then it would be best for the speed of the page to:

98. When style in different locations conflict, which will take precedence?

99. In webkit, in order to set the transition duration you must first:

100. To change the state of a selector you must change its:

101. How would you add three columns to a page using CSS3

102. Pseudo-classes are used to represent ___________________.

103. True or False: With the implementation of CSS3, CSS1 and CSS2 are no longer needed.

104. Which of the following is NOT a proper CSS browser prefix?

105. If the same property is styled at the beginning and at the end of a stylesheet...

106. What does the translate() method do?

107. Which CSS property would you use to make text italicized?

108. What does the :empty pseudo class target?

109. In order to animate you must use the _____ property.

110. The CSS3 specification will allow for the use of generated gradients as background images.

111. What would 'a:focus:hover' be an example of?

112. What is the method to stretch an image as a border in CSS3?

113. Given the following HTML snippet: <h1 class="title header">Hello</h1> And the following CSS: h1 { color: blue; } .title.header { color: red; } .title { color: green; } What color will the text "Hello" have?

114. The correct way to select <li> elements which are "even" in terms of their placement (ie. 2nd, 4th, 6th, etc) would be?

115. The background-origin property specifies the positioning area of background images, which can be placed...

116. Consider the following code: <div style="height: 40px; width: 40px;background:black;margin: 20px 30px 50px;"></div> what would be the margin of the 'div'?

117. The two primary stylesheet languages are CSS and:

118. What would the following CSS do? text-transform: capitalize;

119. Generated Content is added in CSS by which syntax pattern?

120. Which one of the following selector checks if the attribute begins with "val"?

121. Complete this styling. text-shadow:

122. True or False? Round corners were supported before CSS3

123. Which of these properties does NOT exist in CSS3?

124. Do you have to use -webkit- for border images in CSS3?

125. Which property is used to specify type faces ?

126. Which of the following transitions follows the correct format?

127. Pick the INCORRECT selector

128. In HTML5, how can you visually center this <div class="center">hi</div>?

129. What is the earliest version of Internet Explorer that supports border-radius?

130. All properties must have a:

131. What does this selector do? ul ~ p { color: red; }

132. Which of these is not a valid CSS3 color value?

133. Portrait and Landscape specific stylings are used for:

134. rgba differs from the opacity declaration in that:

135. Which of the following is NOT new in CSS3?

136. What would the standard syntax to use a gradient in CSS3?

137. What is the correct syntax of wrapping of the word in CSS3?

138. Is this code written correctly?: span[hello="Cleveland"],[goodbye="Columbus"] { color: blue; }

139. How would you use CSS3's new selectors to match the last 2 elements of a particular type?

140. Which of the following is not a correct keyword value for the font-stretch property?

141. How wide is the following div? div { box-sizing:border-box; width: 200px; padding: 20px; border:1px solid #000; }

142. True or False: CSS3 selectors are different from CSS1 and CSS2 selectors.

143. Which of these is NOT a valid css3 pseudo class?

144. To make an element move fast or slow what property must you change?

145. The concept of designing a site which retains its meaning and functionality, even when certain (usually older) browsers cause display faults, is called...

146. Which of these properties does not exist?

147. In CSS, > is called a:

148. To set the clipping region of an element use:

149. How can we call different bullets without using classes to the particular <li>?

150. What are two of the four sizes with radial gradients?

151. What is the earliest Internet Explorer and Chrome that supports multiple columns?

152. Which of the following represents correct CSS shorthand for setting font family, font size, line-height and font weight for an element?

153. Which of the following is NOT a new CSS3 pseudo selector?

154. To use a fading link transition use:

155. Which of the following is not a new background property in CSS3?

156. To make text appear on a page just by hovering over any portion of a page use:

157. Can you use CSS3 with older version of HTML?

158. How would you repeat a gradient in CSS3?

159. When using background-clip, values can be added to:

160. What does the font-size-adjust property do?

161. CMYK color model can be used with CSS in modern browsers?

162. What CSS value scales the background image to the largest size contained within the element?

163. Does z-index: -1 place the element behind its parent?

164. Which is new css3 property?

165. Which of the following styles is valid?

166. Output of the following rule? em { color: rgba(0,0,255,1) }

167. If you set the value of the speak property to digits, how would 22 be spoken?

168. Consider the following code: body { text-replace: 'a' 'b' 'b' 'c' } What will be the output of the following string if you implement the text-replace style? andy lives behind cafe

169. State whether the following statement is true or false. If a parent element display property is set to none, its children too will not be rendered.

170. What will happen if the pause property is used as follows? h2 { pause: 40s 60s }

171. Which of the given options is/are equivalent to the following rule? DIV { line-height: 1.2; font-size: 10pt }

172. For the clear property, which value is not valid?

173. What will happen if the cursor property value is set to none?

175. What will happen if the value of the transform-style property is set to flat and the element has children?

176. What is the initial value of the marquee-speed property?

177. What will happen if the following style declaration is applied to an element? p { margin: 3em 2em }

178. What is the range of values (in decimal notation) that can be specified in the RGB color model?

179. If you are using the white-space-collapse property with value collapse, what will be the output of the following string? John leads his team to the victory, but fails to reach the finals.

180. backface-visibility:hidden; will this property hide the back side when an element is rotated?

181. Which is not a user interface element fragment selector?

182. Which is not valid values for the target-new property?

183. Which rule is equivalent to the em { color: rgb(255,0,0) } style?

184. Can a percentage value be given in a ruby-align property?

185. What is the initial value of the font-size property?

186. What is the initial value of the animation-iteration-count property?

187. You want to set the image resolution to 300dpi irrespective of the resolution of the image. Which of the following codes will be used?

188. What is the type of the letter-spacing property?

189. The color in three digit RGB notation is #fb0. What will be its equivalent six digit color code?

190. If the nav-index property of textbox1 is set to 10, that of textbox2 to 5 and that of textbox3 to 8, what will be the navigation order?

191. The RGB color model is hardware-specific while the HSL is symmetrical to lightness and darkness.

192. Which style is not valid for an image?

193. Which property allow percentages in their value fields?

194. To which element can the min-width property not be applied?

195. If the following rule is used, what will be the output? :focus,:active { outline-offset: 10px }

196. Which is not a valid value for the font-smooth property?

197. Which rule would result in an object being rendered as above?

198. What effect does the following rule have? div { grid-rows: 4em (0.25em 1em); }

199. The sans-serif generic font-family is characterized by:

200. A/An___________ is defined with 'grid-columns', 'grid-rows' properties.

201. Which option does NOT exist in media groups available in CSS3?

202. What is the default value of the transform property in CSS3?

203. What is the default value of the text-align property for Left to Right Languages?

204. What is the initial value of the opacity property?

205. Which is not a valid value for the font-stretch property?

206. What will happen if the following declaration is used? body { background-image: url('test.png'); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; }

207. Which value of the white-space property will set the value of white-space-collapse to 'preserve' and value of the text-wrap to 'none'?

208. Which does not apply to external style?

209. In CSS3, which declaration can rotate an element counter-clockwise?

210. Which is not a valid page break?

211. What is the problem in the following style sheet? @import 'style.css'; @media print { @import 'print-main.css'; BODY { font-size: 10pt } } h1 {color: red }

212. What is the maximum value that can be given to the voice-volume property?

213. What is the initial value of the hyphens property?

214. Which property doesn't take up space?

215. Which is the initial value for the column-fill property?

216. Which is not a valid property of an aural style sheet?

217. Read the following: @page rotated {size: landscape} TABLE {page: rotated; page-break-before: right} What will this code do?

218. What will happen if the following style declaration is used in the given HTML code? div.container { width:38em; border:1em solid black; } div.split { box-sizing:border-box; width:50%; border:1em silver ridge; float:left; } HTML code:

219. Consider the following font definition: font-weight:normal What is the other way of getting the same result?

220. ruby-text (in XHTML: rt) Which display values assign ruby semantics to an arbitrary element as given above?

221. Which option is the correct CSS pseudo classes?

222. The CSS box model consists of which option? 1. Margin 2. Padding 3. Content

223. Which statement is correct about the CSS pseudo-classes?

224. The CSS 3 box model permits you to add a border around elements and also to define space between the elements.

225. Can you add a dropdown menu inside a navigation bar using CSS 3 dropdowns?