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. Sequence in which styles are applied: _______ - embedded - inline
position (with values: left, center, right, top, center, bottom)
pseudo-classes
pseudo-class
external
2. Prefix for linear gradient commands in Opera
media
attribute
-o-
padding
3. Keyword with 'background' that specifies whether an image scrolls with the document or remains in a fixed position
4. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
pseudo-class
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
Alpha
*
5. Rule to remove underlining in a hyperlink that hasn't yet been visited
pseudo-classes
type
a:link{text-decoration: none;}
Pseudo-classes
6. h1, h2, h3 {color: blue;} is an example of _____
clickable
multiple selectors
Chrome & Safari
Box Model
7. _____ measurements are recommended for font sizes
href="<relative URL here>"
Chrome & Safari
16
Relative
8. CSS is a special language used just for _____
-moz-
*
background-image: linear-gradient(direction, color %, color %, ...);
formatting
9. Zeroing out the default browser styles using the wildcard selector (*) is often call using the _____ selector
<li>
border: [width] [style] [color];
!important
reset
10. 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
specificity
-o-
last
class (.)
11. Three ways to code CSS3 colors: _____ - HSL - HSLA
position (with values: left, center, right, top, center, bottom)
RGBA
Box Model
background: [color] [image] [repeat] [attachment] [position];
12. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______
child
type
box-shadow
user style sheet
13. A rule to remove a hyperlink border from around an image hyperlink
unordered (<ul>)
pseudo-class
first-letter
a img {border: none;}
14. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
box-shadow
link
pseudo-classes
block
15. There are ____ descriptive color names
attachment (with values of 'scroll' or 'fixed')
16
Relative
-moz-
16. border shorthand syntax
user style sheet
em
border: [width] [style] [color];
attribute
17. The ______ keyword is typically used for centering an element in it's containing (parent) block - but to do that you must also specify the width of the element
width
<li>
Pseudo-classes
descendant
18. These 'flavors' of selectors are often used by JavaScript
attribute selectors
id
border: [width] [style] [color];
a img {border: none;}
19. Attribute for an external style sheet
rel="stylesheet"
external
-o-
only-child
20. Shorthand for background property
margin
http://html5shiv.googlecode.com/svn/trunk/html5.js
Nothing! the values are not comma separated (delimited)
background: [color] [image] [repeat] [attachment] [position];
21. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
<li>
min-width
Pseudo-classes
adjacent sibling
22. The p.highlight selector is more _____ than the .highlight selector
user style sheet
only-child
margin
specific
23. Keyword with 'background' that specifies if and how an image repeats
collapsed
last
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
block
24. [ ] are indicative of _______ selectors
Firefox
attribute
class
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
25. Rules with a higher _____ are the ones that will be used
HEX code
a img {border: none;}
specificity
16
26. HSL: Hue - Saturation - ______
margin
Lightness
attachment (with values of 'scroll' or 'fixed')
visited
27. The 'external' space or 'force field' between an element & it's containing element
attribute
em
margin
border: [width] [style] [color];
28. HTML5 structural tags in older browsers must be styled as _____ elements
adjacent sibling
specific
block
a:link{text-decoration: none;}
29. .right {text-align: right;} is an example of a selector made by _______
Alpha
Pseudo-elements
position (with values: left, center, right, top, center, bottom)
class
30. Five common CSS pseudo classes:link - _______ - active - hover - focus
16
comma (,)
descendant
visited
31. What does this do? padding: 2px, 4px, 6px, 8px;
general sibling (new to CSS3)
Nothing! the values are not comma separated (delimited)
ul{ list-style: none;}
<li>
32. Prefix for linear gradient commands in Safari & Chrome
block
-webkit-
Lightness
unordered (<ul>)
33. #main { padding: 1em;} is an example of a selector made by _____
attribute
media
adjacent sibling
id
34. The 'internal' space between content area & border
Pseudo-elements
padding
child
Relative
35. List alignments work best with ____ measurements
attribute
formatting
attachment (with values of 'scroll' or 'fixed')
em
36. Default for the media attribute
attribute selectors
screen
!important
clickable
37. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
collapsed
user style sheet
Chrome & Safari
attribute
38. 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
block
RGBA
39. Attribute specifying the location of an external style sheet
rel="stylesheet"
block
href="<relative URL here>"
box-shadow
40. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
descendant
Firefox
pseudo-classes
Pseudo-elements
41. Wildcard (universal selector) to select all elements
-webkit-
formatting
*
class
42. Prefix for linear gradient commands in Firefox
ul{ list-style: none;}
comma (,)
-moz-
link
43. 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 ______
-webkit-
box-shadow
:focus pseudo-class
visited
44. _______ Memory Aid: TRBL ('trouble' = top, right, bottom, left)
pseudo-class
RGBA
Box Model
background-image: linear-gradient(direction, color %, color %, ...);
45. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling
Pseudo-elements
!important
class (.)
descendant
46. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
position (with values: left, center, right, top, center, bottom)
padding
background-image: linear-gradient(direction, color %, color %, ...);
border: [width] [style] [color];
47. ________ are selectors that let you select a portion of text
Chrome & Safari
Pseudo-elements
attribute selectors
box-shadow
48. h2+p { margin-top: .5em} is an example of a _____ selector
adjacent sibling
margin
-o-
Alpha
49. Linear gradient syntax
background-image: linear-gradient(direction, color %, color %, ...);
<style>
clickable
link
50. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
-moz-
collapsed
height
user style sheet