Test your basic knowledge |

CSS 3

Subject : it-skills

Instructions:

Answer 50 questions in 15 minutes.
If you are not ready to take this test, you can study here.
Match each statement with the correct term.
Don't refresh. All questions and answers are randomly picked and ordered every time you load a test.

This is a study tool. The 3 wrong answers for each question are randomly chosen from answers to other questions. So, you might find at times the answers obvious, but you will see it re-enforces your understanding as you take the test each time.

1. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
Alpha
height
box-shadow
Firefox

2. CSS is a special language used just for _____
unordered (<ul>)
Box Model
media
formatting

3. Shorthand for background property
*
background: [color] [image] [repeat] [attachment] [position];
#F9A
http://html5shiv.googlecode.com/svn/trunk/html5.js

4. Because different browsers have different default margins for block elements you often need to ________ those values using the * (wildcard) selector and set the margins explicitly
Box Model
zero out
block
*

5. Default for the media attribute
Nothing! the values are not comma separated (delimited)
screen
descendant
multiple selectors

6. Five common CSS pseudo classes:link - _______ - active - hover - focus
formatting
descendant
<style>
visited

7. To make sure someone who can't use a mouse has the same experience as a 'mouser' style the :hover pseudo-class the same as the ______
comma (,)
Chrome & Safari
:focus pseudo-class
rel="stylesheet"

8. A rule to remove a hyperlink border from around an image hyperlink
a img {border: none;}
zero out
reset
multiple selectors

9. [ ] are indicative of _______ selectors
type
screen
visited
attribute

10. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
position (with values: left, center, right, top, center, bottom)
http://html5shiv.googlecode.com/svn/trunk/html5.js
descendant
#F9A

11. Prefix for linear gradient commands in Firefox
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
href="<relative URL here>"
-moz-
16

12. Three ways to code CSS3 colors: _____ - HSL - HSLA
specificity
<li>
type
RGBA

13. Sequence in which styles are applied: _______ - embedded - inline
external
clickable
general sibling (new to CSS3)
attachment (with values of 'scroll' or 'fixed')

14. Linear gradient syntax
attribute selectors
Relative
visited
background-image: linear-gradient(direction, color %, color %, ...);

15. Two new box model properties in CSS3: border-radius and ________
:focus pseudo-class
box-shadow
attachment (with values of 'scroll' or 'fixed')
a:link{text-decoration: none;}

16. h1, h2, h3 {color: blue;} is an example of _____
-moz-
16
last
multiple selectors

17. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______
type
#F9A
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
background-image: linear-gradient(direction, color %, color %, ...);

18. In a navigation bar (horizontal): Code <a> elements nested in <li> elements of an _____ list and style the <li> elements as inline using the display property
embedded styles
comma (,)
type
unordered (<ul>)

19. h2+p { margin-top: .5em} is an example of a _____ selector
!important
adjacent sibling
pseudo-class
-webkit-

20. List alignments work best with ____ measurements
em
only-child
#F9A
pseudo-class

21. These 'flavors' of selectors are often used by JavaScript
Relative
external
attribute selectors
ul{ list-style: none;}

22. Attribute for an external style sheet
Alpha
height
rel="stylesheet"
-moz-

23. The default width of an element:As wide as the ______ that contains it
link
min-width
block
:focus pseudo-class

24. Backwards compatibility for __________ & shadows -webkit-box-shadow
Firefox
block
zero out
Chrome & Safari

25. Shortcut HEX code for #FF99AA
external
clickable
Pseudo-elements
#F9A

26. The p.highlight selector is more _____ than the .highlight selector
specific
16
screen
http://html5shiv.googlecode.com/svn/trunk/html5.js

27. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)
embedded styles
padding
Lightness
reset

28. Four 'flavors' of relational selectors: ________ - adjacent sibling - child (not supported by some older browsers like IE6) - general sibling (new to CSS3)
descendant
Alpha
type
embedded styles

29. Prefix for linear gradient commands in Safari & Chrome
zero out
Pseudo-elements
-webkit-
id

30. Rules with a higher _____ are the ones that will be used
specificity
Pseudo-elements
user style sheet
rel="stylesheet"

31. _______ Memory Aid: TRBL ('trouble' = top, right, bottom, left)
a:link{text-decoration: none;}
RGBA
Box Model
width

32. HTML5 structural tags in older browsers must be styled as _____ elements
position (with values: left, center, right, top, center, bottom)
block
descendant
Chrome & Safari

33. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
attribute selectors
attribute
block
general sibling (new to CSS3)

34. The 'external' space or 'force field' between an element & it's containing element
border: [width] [style] [color];
clickable
margin
user style sheet

35. To mark a rule so that it will override any other rules
!important
position (with values: left, center, right, top, center, bottom)
href="<relative URL here>"
background-image: linear-gradient(direction, color %, color %, ...);

36. _____ measurements are recommended for font sizes
multiple selectors
pseudo-classes
ul{ list-style: none;}
Relative

37. HSLA: Hue - Saturation - Lightness - _____
zero out
Pseudo-elements
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
Alpha

38. _______ are predefined classes that apply to specific conditions
min-width
descendant
media
Pseudo-classes

39. Prefix for linear gradient commands in Opera
-moz-
!important
margin
-o-

40. Wildcard (universal selector) to select all elements
http://html5shiv.googlecode.com/svn/trunk/html5.js
*
padding
Chrome & Safari

41. border shorthand syntax
Pseudo-classes
ul{ list-style: none;}
comma (,)
border: [width] [style] [color];

42. Tag used to bring CSS into a web page from an external source
attribute
box-shadow
link
height

43. HTML tag used for embedded styles
screen
child
<style>
link

44. Keyword with 'background' that specifies if and how an image repeats
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
-moz-
16
formatting

45. In a set of possibly conflicting rules the one that is mentioned _____ is the one that will be used and all other things being equal
last
padding
Relative
-webkit-

46. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers
external
class
http://html5shiv.googlecode.com/svn/trunk/html5.js
visited

47. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
background-image: linear-gradient(direction, color %, color %, ...);
width
user style sheet
Firefox

48. Rule to remove underlining in a hyperlink that hasn't yet been visited
multiple selectors
a:link{text-decoration: none;}
collapsed
height

49. Keyword with 'background' that specifies whether an image scrolls with the document or remains in a fixed position

Warning: Invalid argument supplied for foreach() in /var/www/html/basicversity.com/show_quiz.php on line 183

50. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
href="<relative URL here>"
padding
reset
min-width