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