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. Three ways to specify colors in traditional CSS:color name - RGB - _______
HEX code
pseudo-class
background: [color] [image] [repeat] [attachment] [position];
attribute

2. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
-o-
#F9A
-webkit-
min-width

3. Shorthand border syntax
border: [width] [style] [color];
comma (,)
a:link{text-decoration: none;}
embedded styles

4. HSLA: Hue - Saturation - Lightness - _____
-webkit-
<li>
background: [color] [image] [repeat] [attachment] [position];
Alpha

5. Wildcard (universal selector) to select all elements
zero out
*
-webkit-
Lightness

6. The default width of an element:As wide as the ______ that contains it
Alpha
<li>
pseudo-classes
block

7. 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
-moz-
unordered (<ul>)
pseudo-classes
Box Model

8. Rules with a higher _____ are the ones that will be used
zero out
user style sheet
specificity
a img {border: none;}

9. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin
height
<li>
pseudo-class
Chrome & Safari

10. Prefix for linear gradient commands in Opera
a:link{text-decoration: none;}
background-image: linear-gradient(direction, color %, color %, ...);
-o-
class

11. Tag used to bring CSS into a web page from an external source
link
block
unordered (<ul>)
type

12. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
visited
first-letter
box-shadow
Lightness

13. HSL: Hue - Saturation - ______
multiple selectors
Relative
height
Lightness

14. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
attachment (with values of 'scroll' or 'fixed')
min-width
border: [width] [style] [color];
position (with values: left, center, right, top, center, bottom)

15. Zeroing out the default browser styles using the wildcard selector (*) is often call using the _____ selector
unordered (<ul>)
width
adjacent sibling
reset

16. In a navigation list (vertical): To make the entire box for a link ____ you can set the display property for the <a> elements to block and use padding to provide the space around the links
external
Alpha
clickable
class (.)

17. There are ____ descriptive color names
:focus pseudo-class
box-shadow
16
user style sheet

18. .right {text-align: right;} is an example of a selector made by _______
zero out
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
class
-o-

19. What does this do? padding: 2px, 4px, 6px, 8px;
margin
Relative
Nothing! the values are not comma separated (delimited)
multiple selectors

20. 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
-o-
RGBA
min-width
zero out

21. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
pseudo-class
first-letter
position (with values: left, center, right, top, center, bottom)
media

22. #main>p{ font-size: 11pt; } is an example of a ______ selector
Pseudo-classes
child
attribute
formatting

23. HTML5 structural tags in older browsers must be styled as _____ elements
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
zero out
block
pseudo-class

24. _____ measurements are recommended for font sizes
rel="stylesheet"
formatting
ul{ list-style: none;}
Relative

25. The colon (:) is indicative of __________
:focus pseudo-class
Pseudo-elements
pseudo-classes
<style>

26. Shorthand for background property
box-shadow
background: [color] [image] [repeat] [attachment] [position];
multiple selectors
width

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

28. The p.highlight selector is more _____ than the .highlight selector
attachment (with values of 'scroll' or 'fixed')
-o-
formatting
specific

29. HTML tag used for embedded styles
a img {border: none;}
general sibling (new to CSS3)
*
<style>

30. Default for the media attribute
screen
border: [width] [style] [color];
<li>
:focus pseudo-class

31. 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 ______
:focus pseudo-class
attribute selectors
specificity
unordered (<ul>)

32. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
zero out
!important
user style sheet
specific

33. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers
specificity
child
screen
http://html5shiv.googlecode.com/svn/trunk/html5.js

34. The 'external' space or 'force field' between an element & it's containing element
margin
:focus pseudo-class
id
formatting

35. Prefix for linear gradient commands in Safari & Chrome
-moz-
specific
<style>
-webkit-

36. The delimiter symbol for multiple selectors for the same rule set
comma (,)
-moz-
Nothing! the values are not comma separated (delimited)
<style>

37. A rule to remove a hyperlink border from around an image hyperlink
link
box-shadow
height
a img {border: none;}

38. Shortcut HEX code for #FF99AA
box-shadow
attribute
#F9A
screen

39. Three ways to code CSS3 colors: _____ - HSL - HSLA
RGBA
reset
general sibling (new to CSS3)
position (with values: left, center, right, top, center, bottom)

40. #main li { color: green;} is an example of a _____ selector
:focus pseudo-class
formatting
descendant
position (with values: left, center, right, top, center, bottom)

41. Attribute specifying the location of an external style sheet
href="<relative URL here>"
-o-
unordered (<ul>)
specific

42. To mark a rule so that it will override any other rules
!important
HEX code
RGBA
link

43. Linear gradient syntax
background-image: linear-gradient(direction, color %, color %, ...);
Firefox
ul{ list-style: none;}
attribute

44. Prefix for linear gradient commands in Firefox
-moz-
margin
16
attribute selectors

45. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______
type
unordered (<ul>)
multiple selectors
id

46. h2+p { margin-top: .5em} is an example of a _____ selector
block
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
adjacent sibling
general sibling (new to CSS3)

47. h1, h2, h3 {color: blue;} is an example of _____
Pseudo-elements
clickable
Alpha
multiple selectors

48. List alignments work best with ____ measurements
media
<style>
em
<li>

49. h2~p { margin-left: 2em; } is an example of a ______ selector
attribute
general sibling (new to CSS3)
padding
Alpha

50. Two new box model properties in CSS3: border-radius and ________
Box Model
embedded styles
!important
box-shadow