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. Two common pseudo-elements: ______ - first-line
first-letter
width
:focus pseudo-class
attribute selectors
2. Prefix for linear gradient commands in Firefox
block
attribute
-moz-
Chrome & Safari
3. To mark a rule so that it will override any other rules
min-width
reset
general sibling (new to CSS3)
!important
4. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)
ul{ list-style: none;}
margin
collapsed
embedded styles
5. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
pseudo-class
type
Alpha
em
6. Wildcard (universal selector) to select all elements
multiple selectors
*
Pseudo-elements
-moz-
7. 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
padding
box-shadow
last
collapsed
8. There are ____ descriptive color names
height
id
16
background: [color] [image] [repeat] [attachment] [position];
9. Rule to remove underlining in a hyperlink that hasn't yet been visited
a:link{text-decoration: none;}
attribute
http://html5shiv.googlecode.com/svn/trunk/html5.js
<style>
10. HTML5 structural tags in older browsers must be styled as _____ elements
attribute
margin
block
Box Model
11. Four 'flavors' of relational selectors: ________ - adjacent sibling - child (not supported by some older browsers like IE6) - general sibling (new to CSS3)
unordered (<ul>)
descendant
specific
Pseudo-classes
12. HTML tag used for embedded styles
16
adjacent sibling
box-shadow
<style>
13. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
width
border: [width] [style] [color];
class
user style sheet
14. HSLA: Hue - Saturation - Lightness - _____
zero out
class
background: [color] [image] [repeat] [attachment] [position];
Alpha
15. h2~p { margin-left: 2em; } is an example of a ______ selector
general sibling (new to CSS3)
HEX code
formatting
descendant
16. Rules with a higher _____ are the ones that will be used
media
width
specificity
Relative
17. A rule to remove a hyperlink border from around an image hyperlink
a img {border: none;}
Pseudo-elements
clickable
formatting
18. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling
class (.)
pseudo-class
min-width
Lightness
19. Shortcut HEX code for #FF99AA
rel="stylesheet"
child
unordered (<ul>)
#F9A
20. 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
external
Chrome & Safari
clickable
Relative
21. The p.highlight selector is more _____ than the .highlight selector
specific
Lightness
a img {border: none;}
Box Model
22. Three ways to code CSS3 colors: _____ - HSL - HSLA
screen
a:link{text-decoration: none;}
16
RGBA
23. The delimiter symbol for multiple selectors for the same rule set
attribute selectors
comma (,)
box-shadow
margin
24. ________ are selectors that let you select a portion of text
background: [color] [image] [repeat] [attachment] [position];
Pseudo-elements
background-image: linear-gradient(direction, color %, color %, ...);
http://html5shiv.googlecode.com/svn/trunk/html5.js
25. Three ways to specify colors in traditional CSS:color name - RGB - _______
HEX code
link
reset
-moz-
26. #main { padding: 1em;} is an example of a selector made by _____
clickable
id
rel="stylesheet"
attribute
27. [ ] are indicative of _______ selectors
min-width
background: [color] [image] [repeat] [attachment] [position];
-webkit-
attribute
28. What does this do? padding: 2px, 4px, 6px, 8px;
Nothing! the values are not comma separated (delimited)
box-shadow
a img {border: none;}
height
29. List alignments work best with ____ measurements
visited
min-width
em
-moz-
30. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
media
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
a img {border: none;}
-o-
31. These 'flavors' of selectors are often used by JavaScript
Box Model
:focus pseudo-class
attribute selectors
http://html5shiv.googlecode.com/svn/trunk/html5.js
32. h1, h2, h3 {color: blue;} is an example of _____
block
multiple selectors
HEX code
Pseudo-classes
33. Shorthand border syntax
#F9A
border: [width] [style] [color];
class
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
34. 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
descendant
zero out
a img {border: none;}
child
35. Shorthand for background property
Lightness
background: [color] [image] [repeat] [attachment] [position];
zero out
type
36. CSS is a special language used just for _____
-moz-
class
screen
formatting
37. Attribute specifying the location of an external style sheet
collapsed
block
http://html5shiv.googlecode.com/svn/trunk/html5.js
href="<relative URL here>"
38. Default for the media attribute
specific
attribute
box-shadow
screen
39. The colon (:) is indicative of __________
media
pseudo-classes
clickable
first-letter
40. 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 ______
:focus pseudo-class
general sibling (new to CSS3)
border: [width] [style] [color];
visited
41. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
rel="stylesheet"
formatting
box-shadow
multiple selectors
42. HSL: Hue - Saturation - ______
margin
zero out
href="<relative URL here>"
Lightness
43. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
padding
attribute
#F9A
class
44. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
min-width
border: [width] [style] [color];
Chrome & Safari
!important
45. The 'internal' space between content area & border
padding
screen
unordered (<ul>)
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
46. Keyword with 'background' that specifies if and how an image repeats
general sibling (new to CSS3)
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
href="<relative URL here>"
zero out
47. Linear gradient syntax
clickable
-o-
comma (,)
background-image: linear-gradient(direction, color %, color %, ...);
48. border shorthand syntax
border: [width] [style] [color];
box-shadow
*
width
49. .right {text-align: right;} is an example of a selector made by _______
border: [width] [style] [color];
background-image: linear-gradient(direction, color %, color %, ...);
collapsed
class
50. The 'external' space or 'force field' between an element & it's containing element
Pseudo-elements
formatting
margin
pseudo-classes