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