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. Prefix for linear gradient commands in Firefox
border: [width] [style] [color];
Firefox
-moz-
user style sheet
2. Prefix for linear gradient commands in Safari & Chrome
border: [width] [style] [color];
#F9A
-webkit-
class
3. To mark a rule so that it will override any other rules
Pseudo-classes
!important
<style>
formatting
4. Three ways to specify colors in traditional CSS:color name - RGB - _______
width
border: [width] [style] [color];
background-image: linear-gradient(direction, color %, color %, ...);
HEX code
5. border shorthand syntax
border: [width] [style] [color];
pseudo-class
class
pseudo-classes
6. h2+p { margin-top: .5em} is an example of a _____ selector
width
link
adjacent sibling
em
7. To format the space between a bullet and text in an unordered list style some left padding on the _____ element within the list
media
<li>
type
Lightness
8. The 'internal' space between content area & border
border: [width] [style] [color];
pseudo-classes
padding
media
9. 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
border: [width] [style] [color];
-webkit-
reset
clickable
10. ________ are selectors that let you select a portion of text
user style sheet
visited
<style>
Pseudo-elements
11. #main { padding: 1em;} is an example of a selector made by _____
a:link{text-decoration: none;}
height
id
RGBA
12. Rule to remove underlining in a hyperlink that hasn't yet been visited
pseudo-class
a:link{text-decoration: none;}
zero out
border: [width] [style] [color];
13. HTML tag used for embedded styles
<style>
border: [width] [style] [color];
block
reset
14. A rule to remove bullets from a list
Relative
background: [color] [image] [repeat] [attachment] [position];
RGBA
ul{ list-style: none;}
15. Zeroing out the default browser styles using the wildcard selector (*) is often call using the _____ selector
specific
reset
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
user style sheet
16. h1, h2, h3 {color: blue;} is an example of _____
class
-moz-
external
multiple selectors
17. There are ____ descriptive color names
class (.)
16
width
*
18. 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
<style>
last
-moz-
*
19. [ ] are indicative of _______ selectors
attribute
block
specific
Alpha
20. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
specific
collapsed
:focus pseudo-class
background-image: linear-gradient(direction, color %, color %, ...);
21. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling
visited
class (.)
last
adjacent sibling
22. Five common CSS pseudo classes:link - _______ - active - hover - focus
block
pseudo-class
http://html5shiv.googlecode.com/svn/trunk/html5.js
visited
23. 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
:focus pseudo-class
attribute
clickable
width
24. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
user style sheet
width
Pseudo-elements
href="<relative URL here>"
25. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
em
Nothing! the values are not comma separated (delimited)
position (with values: left, center, right, top, center, bottom)
pseudo-classes
26. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
:focus pseudo-class
Chrome & Safari
attribute
child
27. Attribute for an external style sheet
descendant
rel="stylesheet"
RGBA
a:link{text-decoration: none;}
28. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
background: [color] [image] [repeat] [attachment] [position];
width
box-shadow
a:link{text-decoration: none;}
29. Keyword with 'background' that specifies if and how an image repeats
media
16
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
em
30. #main>p{ font-size: 11pt; } is an example of a ______ selector
type
child
Nothing! the values are not comma separated (delimited)
RGBA
31. Rules with a higher _____ are the ones that will be used
href="<relative URL here>"
user style sheet
specificity
margin
32. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
a:link{text-decoration: none;}
formatting
Chrome & Safari
box-shadow
33. These 'flavors' of selectors are often used by JavaScript
attribute selectors
type
16
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
34. HSL: Hue - Saturation - ______
#F9A
Firefox
Lightness
general sibling (new to CSS3)
35. _______ are predefined classes that apply to specific conditions
height
Pseudo-classes
Nothing! the values are not comma separated (delimited)
:focus pseudo-class
36. The delimiter symbol for multiple selectors for the same rule set
media
comma (,)
attachment (with values of 'scroll' or 'fixed')
child
37. Sequence in which styles are applied: _______ - embedded - inline
formatting
embedded styles
width
external
38. Shorthand for background property
width
em
class
background: [color] [image] [repeat] [attachment] [position];
39. A rule to remove a hyperlink border from around an image hyperlink
clickable
a img {border: none;}
-o-
<style>
40. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers
:focus pseudo-class
http://html5shiv.googlecode.com/svn/trunk/html5.js
multiple selectors
box-shadow
41. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)
min-width
embedded styles
*
ul{ list-style: none;}
42. .right {text-align: right;} is an example of a selector made by _______
box-shadow
formatting
link
class
43. _____ measurements are recommended for font sizes
Relative
user style sheet
HEX code
screen
44. 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
-moz-
border: [width] [style] [color];
background: [color] [image] [repeat] [attachment] [position];
45. #main li { color: green;} is an example of a _____ selector
class (.)
descendant
descendant
margin
46. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______
only-child
pseudo-classes
type
id
47. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
multiple selectors
margin
media
id
48. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
Firefox
16
box-shadow
Pseudo-elements
49. Tag used to bring CSS into a web page from an external source
class (.)
pseudo-class
RGBA
link
50. List alignments work best with ____ measurements
em
zero out
type
visited