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