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