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. The default width of an element:As wide as the ______ that contains it
block
width
Alpha
href="<relative URL here>"

2. Zeroing out the default browser styles using the wildcard selector (*) is often call using the _____ selector
class (.)
reset
id
Lightness

3. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
#F9A
link
class (.)
width

4. The delimiter symbol for multiple selectors for the same rule set
unordered (<ul>)
comma (,)
RGBA
min-width

5. #main li { color: green;} is an example of a _____ selector
descendant
background: [color] [image] [repeat] [attachment] [position];
href="<relative URL here>"
Pseudo-classes

6. HSL: Hue - Saturation - ______
Lightness
attachment (with values of 'scroll' or 'fixed')
a img {border: none;}
general sibling (new to CSS3)

7. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
attribute
position (with values: left, center, right, top, center, bottom)
Firefox
last

8. Shorthand border syntax
RGBA
ul{ list-style: none;}
descendant
border: [width] [style] [color];

9. Sequence in which styles are applied: _______ - embedded - inline
specific
screen
external
attribute

10. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
rel="stylesheet"
pseudo-class
-webkit-
user style sheet

11. A rule to remove bullets from a list
ul{ list-style: none;}
-o-
block
-moz-

12. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers
http://html5shiv.googlecode.com/svn/trunk/html5.js
child
a img {border: none;}
last

13. Rule to remove underlining in a hyperlink that hasn't yet been visited
a:link{text-decoration: none;}
#F9A
Nothing! the values are not comma separated (delimited)
user style sheet

14. 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
border: [width] [style] [color];
href="<relative URL here>"
formatting
last

15. The p.highlight selector is more _____ than the .highlight selector
height
pseudo-class
specific
screen

16. #main>p{ font-size: 11pt; } is an example of a ______ selector
rel="stylesheet"
background: [color] [image] [repeat] [attachment] [position];
child
-moz-

17. #main { padding: 1em;} is an example of a selector made by _____
height
border: [width] [style] [color];
id
class (.)

18. These 'flavors' of selectors are often used by JavaScript
Relative
attribute selectors
Box Model
pseudo-classes

19. 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
clickable
unordered (<ul>)
HEX code
screen

20. Attribute specifying the location of an external style sheet
Pseudo-classes
box-shadow
href="<relative URL here>"
width

21. There are ____ descriptive color names
16
pseudo-classes
clickable
multiple selectors

22. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
-moz-
-webkit-
min-width
-o-

23. _____ measurements are recommended for font sizes
Relative
descendant
first-letter
only-child

24. Shortcut HEX code for #FF99AA
Lightness
em
#F9A
descendant

25. The colon (:) is indicative of __________
visited
pseudo-classes
16
type

26. The 'external' space or 'force field' between an element & it's containing element
attribute
*
margin
min-width

27. Two new box model properties in CSS3: border-radius and ________
width
box-shadow
class (.)
-moz-

28. h1, h2, h3 {color: blue;} is an example of _____
Pseudo-classes
-webkit-
#F9A
multiple selectors

29. [ ] are indicative of _______ selectors
width
only-child
multiple selectors
attribute

30. HTML5 structural tags in older browsers must be styled as _____ elements
width
multiple selectors
block
Chrome & Safari

31. _______ are predefined classes that apply to specific conditions
comma (,)
16
multiple selectors
Pseudo-classes

32. Two common pseudo-elements: ______ - first-line
first-letter
general sibling (new to CSS3)
last
RGBA

33. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)
embedded styles
Nothing! the values are not comma separated (delimited)
ul{ list-style: none;}
background-image: linear-gradient(direction, color %, color %, ...);

34. .right {text-align: right;} is an example of a selector made by _______
class
Lightness
child
descendant

35. Wildcard (universal selector) to select all elements
*
pseudo-classes
height
descendant

36. Linear gradient syntax
specificity
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
background-image: linear-gradient(direction, color %, color %, ...);
Chrome & Safari

37. 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
clickable
attachment (with values of 'scroll' or 'fixed')
width
descendant

38. Five common CSS pseudo classes:link - _______ - active - hover - focus
Pseudo-classes
visited
external
http://html5shiv.googlecode.com/svn/trunk/html5.js

39. 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 ______
-moz-
class
<style>
:focus pseudo-class

40. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
em
collapsed
a img {border: none;}
Firefox

41. _______ Memory Aid: TRBL ('trouble' = top, right, bottom, left)
Box Model
padding
formatting
background: [color] [image] [repeat] [attachment] [position];

42. Attribute for an external style sheet
rel="stylesheet"
descendant
border: [width] [style] [color];
type

43. Three common CSS3 pseudo-classes: first-child - last-child - _______
a img {border: none;}
class
only-child
visited

44. HTML tag used for embedded styles
height
general sibling (new to CSS3)
<style>
Lightness

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

46. ________ are selectors that let you select a portion of text
first-letter
id
Pseudo-elements
zero out

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

48. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
Box Model
attribute
reset
width

49. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
Pseudo-elements
Lightness
block
media

50. Three ways to specify colors in traditional CSS:color name - RGB - _______
clickable
HEX code
a:link{text-decoration: none;}
16