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