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