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. ________ are selectors that let you select a portion of text
Nothing! the values are not comma separated (delimited)
block
Pseudo-elements
class (.)

2. _______ are predefined classes that apply to specific conditions
Pseudo-classes
screen
-webkit-
Alpha

3. Prefix for linear gradient commands in Opera
formatting
Pseudo-elements
<li>
-o-

4. Linear gradient syntax
class
background-image: linear-gradient(direction, color %, color %, ...);
general sibling (new to CSS3)
Pseudo-elements

5. 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
href="<relative URL here>"
Pseudo-elements
a img {border: none;}

6. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
box-shadow
descendant
min-width
comma (,)

7. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
attribute
user style sheet
a:link{text-decoration: none;}
em

8. HTML5 structural tags in older browsers must be styled as _____ elements
block
reset
-webkit-
a img {border: none;}

9. #main>p{ font-size: 11pt; } is an example of a ______ selector
child
padding
Alpha
Pseudo-elements

10. Zeroing out the default browser styles using the wildcard selector (*) is often call using the _____ selector
-webkit-
reset
child
position (with values: left, center, right, top, center, bottom)

11. .right {text-align: right;} is an example of a selector made by _______
last
http://html5shiv.googlecode.com/svn/trunk/html5.js
class
class (.)

12. To format the space between a bullet and text in an unordered list style some left padding on the _____ element within the list
Firefox
background-image: linear-gradient(direction, color %, color %, ...);
<li>
descendant

13. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
clickable
media
specificity
repeat (values: repeat, repeat-x, repeat-y, no-repeat)

14. Two common pseudo-elements: ______ - first-line
first-letter
specific
<li>
external

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. Two new box model properties in CSS3: border-radius and ________
http://html5shiv.googlecode.com/svn/trunk/html5.js
#F9A
box-shadow
multiple selectors

17. Five common CSS pseudo classes:link - _______ - active - hover - focus
visited
only-child
-moz-
Firefox

18. The colon (:) is indicative of __________
position (with values: left, center, right, top, center, bottom)
collapsed
multiple selectors
pseudo-classes

19. _____ measurements are recommended for font sizes
Relative
Alpha
a:link{text-decoration: none;}
zero out

20. A rule to remove bullets from a list
child
reset
ul{ list-style: none;}
Relative

21. The delimiter symbol for multiple selectors for the same rule set
RGBA
specificity
comma (,)
block

22. There are ____ descriptive color names
:focus pseudo-class
external
id
16

23. HSLA: Hue - Saturation - Lightness - _____
<style>
attribute
Alpha
a:link{text-decoration: none;}

24. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
class (.)
pseudo-class
block

25. Shorthand border syntax
id
comma (,)
border: [width] [style] [color];
pseudo-classes

26. Three ways to code CSS3 colors: _____ - HSL - HSLA
Alpha
collapsed
specificity
RGBA

27. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
specificity
Alpha
Firefox
:focus pseudo-class

28. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers
Lightness
http://html5shiv.googlecode.com/svn/trunk/html5.js
position (with values: left, center, right, top, center, bottom)
href="<relative URL here>"

29. Rule to remove underlining in a hyperlink that hasn't yet been visited
a:link{text-decoration: none;}
user style sheet
Box Model
Relative

30. Three common CSS3 pseudo-classes: first-child - last-child - _______
type
*
specific
only-child

31. Attribute for an external style sheet
class
multiple selectors
rel="stylesheet"
background-image: linear-gradient(direction, color %, color %, ...);

32. Sequence in which styles are applied: _______ - embedded - inline
external
attribute
:focus pseudo-class
background: [color] [image] [repeat] [attachment] [position];

33. Prefix for linear gradient commands in Firefox
-moz-
Alpha
only-child
background-image: linear-gradient(direction, color %, color %, ...);

34. h2~p { margin-left: 2em; } is an example of a ______ selector
a:link{text-decoration: none;}
position (with values: left, center, right, top, center, bottom)
general sibling (new to CSS3)
attribute

35. 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
zero out
child
Pseudo-classes
attachment (with values of 'scroll' or 'fixed')

36. HSL: Hue - Saturation - ______
general sibling (new to CSS3)
a:link{text-decoration: none;}
visited
Lightness

37. A rule to remove a hyperlink border from around an image hyperlink
attribute selectors
attachment (with values of 'scroll' or 'fixed')
a img {border: none;}
Pseudo-elements

38. CSS is a special language used just for _____
formatting
#F9A
block
embedded styles

39. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
a img {border: none;}
collapsed
border: [width] [style] [color];
width

40. _______ Memory Aid: TRBL ('trouble' = top, right, bottom, left)
HEX code
Nothing! the values are not comma separated (delimited)
Box Model
formatting

41. These 'flavors' of selectors are often used by JavaScript
attribute selectors
only-child
Alpha
specific

42. border shorthand syntax
Firefox
a:link{text-decoration: none;}
first-letter
border: [width] [style] [color];

43. [ ] are indicative of _______ selectors
attribute
Box Model
clickable
border: [width] [style] [color];

44. Keyword with 'background' that specifies if and how an image repeats
collapsed
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
attribute
#F9A

45. Attribute specifying the location of an external style sheet
block
href="<relative URL here>"
reset
attribute selectors

46. HTML tag used for embedded styles
width
height
<style>
last

47. Backwards compatibility for __________ & shadows -webkit-box-shadow
*
media
general sibling (new to CSS3)
Chrome & Safari

48. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling
media
!important
block
class (.)

49. 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
!important
unordered (<ul>)
multiple selectors
media

50. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)
last
descendant
pseudo-class
embedded styles