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. To mark a rule so that it will override any other rules
!important
collapsed
Firefox
Alpha
2. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
last
formatting
child
position (with values: left, center, right, top, center, bottom)
3. _____ measurements are recommended for font sizes
multiple selectors
Relative
unordered (<ul>)
width
4. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
box-shadow
media
link
embedded styles
5. #main li { color: green;} is an example of a _____ selector
descendant
formatting
media
id
6. The 'external' space or 'force field' between an element & it's containing element
pseudo-class
a img {border: none;}
margin
descendant
7. Keyword with 'background' that specifies if and how an image repeats
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
Nothing! the values are not comma separated (delimited)
multiple selectors
<li>
8. Default for the media attribute
screen
class (.)
border: [width] [style] [color];
specificity
9. A rule to remove a hyperlink border from around an image hyperlink
first-letter
a img {border: none;}
border: [width] [style] [color];
Box Model
10. 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
descendant
attachment (with values of 'scroll' or 'fixed')
zero out
a img {border: none;}
11. Shortcut HEX code for #FF99AA
comma (,)
margin
Chrome & Safari
#F9A
12. Backwards compatibility for __________ & shadows -webkit-box-shadow
screen
a img {border: none;}
rel="stylesheet"
Chrome & Safari
13. To format the space between a bullet and text in an unordered list style some left padding on the _____ element within the list
user style sheet
<li>
media
href="<relative URL here>"
14. [ ] are indicative of _______ selectors
em
attribute
Firefox
multiple selectors
15. List alignments work best with ____ measurements
attribute
child
Nothing! the values are not comma separated (delimited)
em
16. Three common CSS3 pseudo-classes: first-child - last-child - _______
only-child
attachment (with values of 'scroll' or 'fixed')
embedded styles
user style sheet
17. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
pseudo-class
id
a img {border: none;}
user style sheet
18. 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
width
comma (,)
a:link{text-decoration: none;}
background-image: linear-gradient(direction, color %, color %, ...);
19. Prefix for linear gradient commands in Opera
embedded styles
attribute selectors
-o-
Relative
20. Shorthand for background property
box-shadow
href="<relative URL here>"
background: [color] [image] [repeat] [attachment] [position];
pseudo-classes
21. Wildcard (universal selector) to select all elements
class (.)
*
embedded styles
width
22. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
:focus pseudo-class
box-shadow
Nothing! the values are not comma separated (delimited)
screen
23. Linear gradient syntax
attribute selectors
Chrome & Safari
formatting
background-image: linear-gradient(direction, color %, color %, ...);
24. Rule to remove underlining in a hyperlink that hasn't yet been visited
a:link{text-decoration: none;}
<style>
specificity
child
25. Keyword with 'background' that specifies whether an image scrolls with the document or remains in a fixed position
26. Two new box model properties in CSS3: border-radius and ________
box-shadow
a:link{text-decoration: none;}
width
id
27. Prefix for linear gradient commands in Firefox
-moz-
formatting
Firefox
position (with values: left, center, right, top, center, bottom)
28. HTML5 structural tags in older browsers must be styled as _____ elements
block
Firefox
comma (,)
formatting
29. Attribute specifying the location of an external style sheet
RGBA
href="<relative URL here>"
box-shadow
attachment (with values of 'scroll' or 'fixed')
30. 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
border: [width] [style] [color];
unordered (<ul>)
formatting
only-child
31. What does this do? padding: 2px, 4px, 6px, 8px;
clickable
margin
Nothing! the values are not comma separated (delimited)
class
32. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin
clickable
attribute
block
height
33. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
descendant
Firefox
Chrome & Safari
*
34. 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
clickable
-webkit-
class
type
35. Three ways to code CSS3 colors: _____ - HSL - HSLA
RGBA
min-width
Lightness
link
36. .right {text-align: right;} is an example of a selector made by _______
comma (,)
class
attribute
border: [width] [style] [color];
37. Shorthand border syntax
rel="stylesheet"
border: [width] [style] [color];
height
embedded styles
38. HTML tag used for embedded styles
<style>
width
HEX code
block
39. CSS is a special language used just for _____
block
collapsed
formatting
last
40. The colon (:) is indicative of __________
box-shadow
HEX code
attribute
pseudo-classes
41. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
#F9A
<style>
attribute
Nothing! the values are not comma separated (delimited)
42. HSLA: Hue - Saturation - Lightness - _____
attribute
background-image: linear-gradient(direction, color %, color %, ...);
border: [width] [style] [color];
Alpha
43. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)
embedded styles
background-image: linear-gradient(direction, color %, color %, ...);
block
first-letter
44. h1, h2, h3 {color: blue;} is an example of _____
padding
multiple selectors
!important
type
45. The default width of an element:As wide as the ______ that contains it
Pseudo-classes
block
id
RGBA
46. Attribute for an external style sheet
rel="stylesheet"
Pseudo-classes
width
block
47. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
user style sheet
href="<relative URL here>"
width
Nothing! the values are not comma separated (delimited)
48. A rule to remove bullets from a list
Nothing! the values are not comma separated (delimited)
box-shadow
ul{ list-style: none;}
zero out
49. 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 ______
block
descendant
16
:focus pseudo-class
50. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
descendant
em
min-width
media