SUBJECTS
|
BROWSE
|
CAREER CENTER
|
POPULAR
|
JOIN
|
LOGIN
Business Skills
|
Soft Skills
|
Basic Literacy
|
Certifications
About
|
Help
|
Privacy
|
Terms
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. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______
min-width
position (with values: left, center, right, top, center, bottom)
a:link{text-decoration: none;}
type
2. Default for the media attribute
Alpha
screen
clickable
visited
3. Keyword with 'background' that specifies if and how an image repeats
http://html5shiv.googlecode.com/svn/trunk/html5.js
embedded styles
pseudo-classes
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
4. Keyword with 'background' that specifies whether an image scrolls with the document or remains in a fixed position
5. List alignments work best with ____ measurements
Pseudo-elements
ul{ list-style: none;}
em
-webkit-
6. Three ways to code CSS3 colors: _____ - HSL - HSLA
attachment (with values of 'scroll' or 'fixed')
RGBA
descendant
Alpha
7. h1, h2, h3 {color: blue;} is an example of _____
multiple selectors
formatting
attribute
width
8. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
screen
pseudo-class
Alpha
position (with values: left, center, right, top, center, bottom)
9. Three ways to specify colors in traditional CSS:color name - RGB - _______
box-shadow
child
HEX code
min-width
10. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin
box-shadow
margin
class (.)
height
11. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
pseudo-class
media
block
margin
12. Tag used to bring CSS into a web page from an external source
Lightness
pseudo-class
link
formatting
13. _______ are predefined classes that apply to specific conditions
class (.)
zero out
Pseudo-classes
child
14. The 'internal' space between content area & border
background: [color] [image] [repeat] [attachment] [position];
block
padding
ul{ list-style: none;}
15. 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 ______
min-width
external
pseudo-classes
:focus pseudo-class
16. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
class
height
class (.)
attribute
17. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
collapsed
padding
border: [width] [style] [color];
a img {border: none;}
18. #main li { color: green;} is an example of a _____ selector
margin
user style sheet
descendant
position (with values: left, center, right, top, center, bottom)
19. Five common CSS pseudo classes:link - _______ - active - hover - focus
-webkit-
visited
-o-
-moz-
20. Prefix for linear gradient commands in Opera
a img {border: none;}
rel="stylesheet"
block
-o-
21. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
width
descendant
box-shadow
Relative
22. 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
clickable
width
id
specific
23. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
rel="stylesheet"
Pseudo-classes
block
Firefox
24. 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
adjacent sibling
user style sheet
Lightness
25. h2~p { margin-left: 2em; } is an example of a ______ selector
Relative
attribute
comma (,)
general sibling (new to CSS3)
26. The p.highlight selector is more _____ than the .highlight selector
width
zero out
specific
-webkit-
27. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
min-width
general sibling (new to CSS3)
http://html5shiv.googlecode.com/svn/trunk/html5.js
!important
28. There are ____ descriptive color names
rel="stylesheet"
16
#F9A
box-shadow
29. Two common pseudo-elements: ______ - first-line
first-letter
descendant
reset
unordered (<ul>)
30. These 'flavors' of selectors are often used by JavaScript
attribute selectors
Alpha
position (with values: left, center, right, top, center, bottom)
collapsed
31. Rules with a higher _____ are the ones that will be used
specificity
margin
visited
link
32. Shorthand border syntax
<style>
border: [width] [style] [color];
adjacent sibling
border: [width] [style] [color];
33. border shorthand syntax
border: [width] [style] [color];
Chrome & Safari
unordered (<ul>)
attribute
34. Sequence in which styles are applied: _______ - embedded - inline
Nothing! the values are not comma separated (delimited)
screen
external
block
35. Two new box model properties in CSS3: border-radius and ________
box-shadow
specificity
width
class (.)
36. Attribute for an external style sheet
border: [width] [style] [color];
:focus pseudo-class
general sibling (new to CSS3)
rel="stylesheet"
37. #main>p{ font-size: 11pt; } is an example of a ______ selector
HEX code
link
!important
child
38. Attribute specifying the location of an external style sheet
href="<relative URL here>"
height
16
border: [width] [style] [color];
39. Zeroing out the default browser styles using the wildcard selector (*) is often call using the _____ selector
media
descendant
reset
-o-
40. CSS is a special language used just for _____
formatting
*
attribute selectors
block
41. A rule to remove a hyperlink border from around an image hyperlink
Chrome & Safari
a img {border: none;}
position (with values: left, center, right, top, center, bottom)
media
42. HSLA: Hue - Saturation - Lightness - _____
child
<style>
Pseudo-elements
Alpha
43. ________ are selectors that let you select a portion of text
adjacent sibling
Pseudo-elements
class (.)
16
44. What does this do? padding: 2px, 4px, 6px, 8px;
Nothing! the values are not comma separated (delimited)
block
attribute
HEX code
45. The delimiter symbol for multiple selectors for the same rule set
Nothing! the values are not comma separated (delimited)
comma (,)
-webkit-
pseudo-classes
46. Rule to remove underlining in a hyperlink that hasn't yet been visited
block
a:link{text-decoration: none;}
!important
external
47. HSL: Hue - Saturation - ______
last
pseudo-classes
<li>
Lightness
48. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
media
attribute
Relative
min-width
49. Linear gradient syntax
last
background-image: linear-gradient(direction, color %, color %, ...);
-moz-
box-shadow
50. h2+p { margin-top: .5em} is an example of a _____ selector
adjacent sibling
http://html5shiv.googlecode.com/svn/trunk/html5.js
Relative
background-image: linear-gradient(direction, color %, color %, ...);