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