SUBJECTS
|
BROWSE
|
CAREER CENTER
|
POPULAR
|
JOIN
|
LOGIN
Business Skills
|
Soft Skills
|
Basic Literacy
|
Certifications
About
|
Help
|
Privacy
|
Terms
|
Email
Search
Test your basic knowledge |
CSS 3
Start Test
Study First
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 colon (:) is indicative of __________
width
em
descendant
pseudo-classes
2. #main { padding: 1em;} is an example of a selector made by _____
Chrome & Safari
Box Model
<style>
id
3. Two new box model properties in CSS3: border-radius and ________
visited
box-shadow
margin
pseudo-class
4. _____ measurements are recommended for font sizes
Firefox
-o-
class (.)
Relative
5. h2+p { margin-top: .5em} is an example of a _____ selector
embedded styles
Chrome & Safari
padding
adjacent sibling
6. Tag used to bring CSS into a web page from an external source
class
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
link
specificity
7. Prefix for linear gradient commands in Firefox
Pseudo-elements
em
border: [width] [style] [color];
-moz-
8. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
position (with values: left, center, right, top, center, bottom)
16
specific
attribute
9. Rule to remove underlining in a hyperlink that hasn't yet been visited
a:link{text-decoration: none;}
height
general sibling (new to CSS3)
only-child
10. 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
box-shadow
attachment (with values of 'scroll' or 'fixed')
Pseudo-classes
11. A rule to remove a hyperlink border from around an image hyperlink
a img {border: none;}
box-shadow
RGBA
HEX code
12. Backwards compatibility for __________ & shadows -webkit-box-shadow
#F9A
height
Chrome & Safari
visited
13. List alignments work best with ____ measurements
16
multiple selectors
pseudo-classes
em
14. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
Lightness
rel="stylesheet"
em
pseudo-class
15. Attribute for an external style sheet
rel="stylesheet"
collapsed
em
a img {border: none;}
16. 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
background-image: linear-gradient(direction, color %, color %, ...);
attribute
zero out
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
17. _______ Memory Aid: TRBL ('trouble' = top, right, bottom, left)
Box Model
Pseudo-elements
comma (,)
!important
18. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
box-shadow
position (with values: left, center, right, top, center, bottom)
Box Model
screen
19. These 'flavors' of selectors are often used by JavaScript
Box Model
only-child
box-shadow
attribute selectors
20. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
a img {border: none;}
user style sheet
em
first-letter
21. #main li { color: green;} is an example of a _____ selector
:focus pseudo-class
media
descendant
*
22. The p.highlight selector is more _____ than the .highlight selector
specific
id
a img {border: none;}
border: [width] [style] [color];
23. CSS is a special language used just for _____
descendant
formatting
block
specificity
24. HSL: Hue - Saturation - ______
:focus pseudo-class
height
Lightness
em
25. The delimiter symbol for multiple selectors for the same rule set
comma (,)
general sibling (new to CSS3)
class (.)
clickable
26. To mark a rule so that it will override any other rules
box-shadow
multiple selectors
!important
pseudo-class
27. Wildcard (universal selector) to select all elements
specificity
background-image: linear-gradient(direction, color %, color %, ...);
*
ul{ list-style: none;}
28. Default for the media attribute
-moz-
screen
http://html5shiv.googlecode.com/svn/trunk/html5.js
collapsed
29. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
-webkit-
visited
specificity
box-shadow
30. 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
unordered (<ul>)
only-child
*
:focus pseudo-class
31. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
embedded styles
width
box-shadow
#F9A
32. Two common pseudo-elements: ______ - first-line
first-letter
:focus pseudo-class
Box Model
Nothing! the values are not comma separated (delimited)
33. A rule to remove bullets from a list
Pseudo-classes
ul{ list-style: none;}
*
width
34. Rules with a higher _____ are the ones that will be used
clickable
specificity
a img {border: none;}
Relative
35. The default width of an element:As wide as the ______ that contains it
unordered (<ul>)
Alpha
block
attribute
36. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
general sibling (new to CSS3)
collapsed
pseudo-class
Pseudo-classes
37. Keyword with 'background' that specifies if and how an image repeats
attribute
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
width
min-width
38. _______ are predefined classes that apply to specific conditions
Pseudo-classes
visited
-o-
media
39. Prefix for linear gradient commands in Opera
adjacent sibling
Firefox
media
-o-
40. 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
Nothing! the values are not comma separated (delimited)
descendant
Relative
clickable
41. The 'external' space or 'force field' between an element & it's containing element
margin
formatting
descendant
width
42. border shorthand syntax
Lightness
Alpha
border: [width] [style] [color];
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
43. Linear gradient syntax
attribute selectors
background-image: linear-gradient(direction, color %, color %, ...);
general sibling (new to CSS3)
pseudo-class
44. To format the space between a bullet and text in an unordered list style some left padding on the _____ element within the list
background: [color] [image] [repeat] [attachment] [position];
specific
<li>
embedded styles
45. Attribute specifying the location of an external style sheet
child
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
href="<relative URL here>"
specific
46. HTML5 structural tags in older browsers must be styled as _____ elements
first-letter
block
Firefox
visited
47. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)
padding
embedded styles
external
only-child
48. #main>p{ font-size: 11pt; } is an example of a ______ selector
only-child
child
user style sheet
16
49. Three common CSS3 pseudo-classes: first-child - last-child - _______
only-child
box-shadow
border: [width] [style] [color];
em
50. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
multiple selectors
Firefox
*
descendant