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