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. Zeroing out the default browser styles using the wildcard selector (*) is often call using the _____ selector
formatting
reset
attribute selectors
background: [color] [image] [repeat] [attachment] [position];

2. Prefix for linear gradient commands in Opera
-o-
Chrome & Safari
Box Model
adjacent sibling

3. 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
position (with values: left, center, right, top, center, bottom)
border: [width] [style] [color];
general sibling (new to CSS3)

4. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
Pseudo-elements
min-width
block
*

5. Shortcut HEX code for #FF99AA
user style sheet
Alpha
#F9A
unordered (<ul>)

6. 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
padding
rel="stylesheet"
attachment (with values of 'scroll' or 'fixed')
unordered (<ul>)

7. List alignments work best with ____ measurements
em
16
pseudo-classes
Alpha

8. To format the space between a bullet and text in an unordered list style some left padding on the _____ element within the list
HEX code
<li>
:focus pseudo-class
RGBA

9. The p.highlight selector is more _____ than the .highlight selector
first-letter
specific
background-image: linear-gradient(direction, color %, color %, ...);
formatting

10. Tag used to bring CSS into a web page from an external source
background: [color] [image] [repeat] [attachment] [position];
link
multiple selectors
#F9A

11. What does this do? padding: 2px, 4px, 6px, 8px;
a img {border: none;}
border: [width] [style] [color];
attribute
Nothing! the values are not comma separated (delimited)

12. Default for the media attribute
margin
screen
id
border: [width] [style] [color];

13. Prefix for linear gradient commands in Safari & Chrome
specific
type
-webkit-
screen

14. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
Pseudo-classes
min-width
comma (,)
box-shadow

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

16. _______ Memory Aid: TRBL ('trouble' = top, right, bottom, left)
collapsed
class
Lightness
Box Model

17. Three ways to specify colors in traditional CSS:color name - RGB - _______
HEX code
href="<relative URL here>"
clickable
specificity

18. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______
block
type
descendant
href="<relative URL here>"

19. Rule to remove underlining in a hyperlink that hasn't yet been visited
margin
general sibling (new to CSS3)
a:link{text-decoration: none;}
border: [width] [style] [color];

20. These 'flavors' of selectors are often used by JavaScript
last
*
attribute selectors
height

21. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
Firefox
user style sheet
multiple selectors
id

22. 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 ______
pseudo-classes
:focus pseudo-class
width
Pseudo-elements

23. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
margin
min-width
descendant
Firefox

24. Five common CSS pseudo classes:link - _______ - active - hover - focus
visited
<style>
Relative
#F9A

25. There are ____ descriptive color names
box-shadow
-o-
reset
16

26. HTML tag used for embedded styles
visited
specific
<style>
block

27. .right {text-align: right;} is an example of a selector made by _______
class
#F9A
external
Nothing! the values are not comma separated (delimited)

28. _______ are predefined classes that apply to specific conditions
Pseudo-classes
Pseudo-elements
descendant
Chrome & Safari

29. h2+p { margin-top: .5em} is an example of a _____ selector
#F9A
adjacent sibling
-webkit-
em

30. The default width of an element:As wide as the ______ that contains it
pseudo-classes
ul{ list-style: none;}
block
child

31. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
RGBA
a img {border: none;}
width
pseudo-class

32. Wildcard (universal selector) to select all elements
Pseudo-elements
*
-o-
width

33. Shorthand border syntax
Chrome & Safari
border: [width] [style] [color];
http://html5shiv.googlecode.com/svn/trunk/html5.js
width

34. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
pseudo-classes
comma (,)
href="<relative URL here>"
position (with values: left, center, right, top, center, bottom)

35. A rule to remove bullets from a list
specific
ul{ list-style: none;}
class (.)
*

36. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers
screen
http://html5shiv.googlecode.com/svn/trunk/html5.js
-webkit-
unordered (<ul>)

37. HSL: Hue - Saturation - ______
Lightness
screen
ul{ list-style: none;}
class

38. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
margin
attribute
formatting
class

39. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling
class (.)
<style>
formatting
border: [width] [style] [color];

40. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin
type
multiple selectors
height
16

41. Attribute specifying the location of an external style sheet
background: [color] [image] [repeat] [attachment] [position];
#F9A
class (.)
href="<relative URL here>"

42. HSLA: Hue - Saturation - Lightness - _____
class (.)
position (with values: left, center, right, top, center, bottom)
Alpha
Box Model

43. Shorthand for background property
only-child
background: [color] [image] [repeat] [attachment] [position];
block
attachment (with values of 'scroll' or 'fixed')

44. The ______ keyword is typically used for centering an element in it's containing (parent) block - but to do that you must also specify the width of the element
embedded styles
attribute
width
class (.)

45. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
position (with values: left, center, right, top, center, bottom)
visited
border: [width] [style] [color];
pseudo-class

46. CSS is a special language used just for _____
:focus pseudo-class
Pseudo-classes
formatting
background: [color] [image] [repeat] [attachment] [position];

47. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
a img {border: none;}
collapsed
box-shadow
HEX code

48. Keyword with 'background' that specifies if and how an image repeats
<style>
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
unordered (<ul>)
!important

49. The 'internal' space between content area & border
16
padding
width
descendant

50. Four 'flavors' of relational selectors: ________ - adjacent sibling - child (not supported by some older browsers like IE6) - general sibling (new to CSS3)
Firefox
HEX code
descendant
attribute selectors