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. Attribute specifying the location of an external style sheet
position (with values: left, center, right, top, center, bottom)
descendant
width
href="<relative URL here>"
2. Rule to remove underlining in a hyperlink that hasn't yet been visited
16
Nothing! the values are not comma separated (delimited)
a:link{text-decoration: none;}
unordered (<ul>)
3. #main li { color: green;} is an example of a _____ selector
Box Model
16
<style>
descendant
4. Three ways to code CSS3 colors: _____ - HSL - HSLA
pseudo-classes
RGBA
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
background-image: linear-gradient(direction, color %, color %, ...);
5. Five common CSS pseudo classes:link - _______ - active - hover - focus
Pseudo-elements
visited
embedded styles
clickable
6. Prefix for linear gradient commands in Firefox
#F9A
user style sheet
*
-moz-
7. h1, h2, h3 {color: blue;} is an example of _____
a:link{text-decoration: none;}
-webkit-
multiple selectors
only-child
8. Two common pseudo-elements: ______ - first-line
16
box-shadow
first-letter
ul{ list-style: none;}
9. Two new box model properties in CSS3: border-radius and ________
type
margin
visited
box-shadow
10. _______ are predefined classes that apply to specific conditions
unordered (<ul>)
Pseudo-classes
border: [width] [style] [color];
general sibling (new to CSS3)
11. Shortcut HEX code for #FF99AA
<style>
-moz-
16
#F9A
12. .right {text-align: right;} is an example of a selector made by _______
pseudo-class
class
margin
Alpha
13. List alignments work best with ____ measurements
*
RGBA
attachment (with values of 'scroll' or 'fixed')
em
14. Attribute for an external style sheet
rel="stylesheet"
attribute
<style>
adjacent sibling
15. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
screen
em
width
Firefox
16. ________ are selectors that let you select a portion of text
block
Pseudo-elements
attribute
height
17. 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
specific
pseudo-class
attachment (with values of 'scroll' or 'fixed')
18. Four 'flavors' of relational selectors: ________ - adjacent sibling - child (not supported by some older browsers like IE6) - general sibling (new to CSS3)
descendant
zero out
-moz-
16
19. Shorthand for background property
background: [color] [image] [repeat] [attachment] [position];
clickable
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
#F9A
20. Three ways to specify colors in traditional CSS:color name - RGB - _______
specific
HEX code
Chrome & Safari
last
21. _______ Memory Aid: TRBL ('trouble' = top, right, bottom, left)
Box Model
clickable
Pseudo-classes
last
22. h2~p { margin-left: 2em; } is an example of a ______ selector
general sibling (new to CSS3)
#F9A
external
only-child
23. Wildcard (universal selector) to select all elements
-webkit-
*
height
HEX code
24. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
type
Firefox
height
:focus pseudo-class
25. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______
pseudo-classes
type
specific
block
26. Backwards compatibility for __________ & shadows -webkit-box-shadow
comma (,)
border: [width] [style] [color];
Chrome & Safari
unordered (<ul>)
27. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
Nothing! the values are not comma separated (delimited)
box-shadow
user style sheet
background-image: linear-gradient(direction, color %, color %, ...);
28. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling
attribute
Chrome & Safari
class (.)
box-shadow
29. The p.highlight selector is more _____ than the .highlight selector
formatting
border: [width] [style] [color];
specific
user style sheet
30. The delimiter symbol for multiple selectors for the same rule set
Alpha
comma (,)
*
adjacent sibling
31. 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
Alpha
-o-
block
32. [ ] are indicative of _______ selectors
<style>
attribute
href="<relative URL here>"
collapsed
33. HTML tag used for embedded styles
class (.)
-moz-
<style>
media
34. Linear gradient syntax
background-image: linear-gradient(direction, color %, color %, ...);
href="<relative URL here>"
:focus pseudo-class
block
35. The default width of an element:As wide as the ______ that contains it
<li>
block
attribute selectors
embedded styles
36. 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 ______
media
:focus pseudo-class
only-child
em
37. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin
height
id
rel="stylesheet"
http://html5shiv.googlecode.com/svn/trunk/html5.js
38. Default for the media attribute
screen
Pseudo-classes
box-shadow
*
39. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
attribute
user style sheet
attribute selectors
class
40. h2+p { margin-top: .5em} is an example of a _____ selector
padding
class
ul{ list-style: none;}
adjacent sibling
41. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
collapsed
pseudo-class
href="<relative URL here>"
-moz-
42. Prefix for linear gradient commands in Opera
clickable
-o-
type
Box Model
43. 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
margin
zero out
general sibling (new to CSS3)
descendant
44. _____ measurements are recommended for font sizes
#F9A
external
border: [width] [style] [color];
Relative
45. #main>p{ font-size: 11pt; } is an example of a ______ selector
Lightness
comma (,)
pseudo-class
child
46. A rule to remove a hyperlink border from around an image hyperlink
a img {border: none;}
type
height
block
47. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
pseudo-class
*
block
descendant
48. To mark a rule so that it will override any other rules
#F9A
block
padding
!important
49. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers
multiple selectors
class (.)
padding
http://html5shiv.googlecode.com/svn/trunk/html5.js
50. The 'external' space or 'force field' between an element & it's containing element
general sibling (new to CSS3)
visited
margin
Box Model