CSS 3 MCQ Questions Answers

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

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

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

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

5. Which option is the correct CSS pseudo classes?

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

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

8. 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:

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

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

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

12. Which property doesn't take up space?

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

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

15. 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 }

16. Which is not a valid page break?

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

18. Which does not apply to external style?

19. 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'?

20. 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; }

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

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

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

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

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

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

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

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

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

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

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

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

33. Which property allow percentages in their value fields?

34. Which style is not valid for an image?

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

36. 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?

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

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

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

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

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

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

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

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

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

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

47. 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.

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

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

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

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

52. Consider the following code and say what will happen if you click on More? @media print { .footnote { float: footnote; content: target-move(attr(href, url)) } .marker { display: none } } HTML code: John was a great writer [More]. ...

[More] Great poet too.

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

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

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

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

57. 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.

58. 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

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

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

61. Which of the following styles is valid?

62. Which is new css3 property?

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

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

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

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

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

68. How would you repeat a gradient in CSS3?

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

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

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

72. To use a fading link transition use:

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

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

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

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

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

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

79. In CSS, > is called a:

80. Which of these properties does not exist?

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

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

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

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

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

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

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

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

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

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

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

92. rgba differs from the opacity declaration in that:

93. Portrait and Landscape specific stylings are used for:

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

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

96. All properties must have a:

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

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

99. Pick the INCORRECT selector

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