SUBJECTS
|
BROWSE
|
CAREER CENTER
|
POPULAR
|
JOIN
|
LOGIN
Business Skills
|
Soft Skills
|
Basic Literacy
|
Certifications
About
|
Help
|
Privacy
|
Terms
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
a:link{text-decoration: none;}
visited
16
block
2. Prefix for linear gradient commands in Firefox
-webkit-
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
clickable
-moz-
3. List alignments work best with ____ measurements
em
Relative
class (.)
descendant
4. #main { padding: 1em;} is an example of a selector made by _____
visited
id
a img {border: none;}
attribute
5. Rules with a higher _____ are the ones that will be used
Chrome & Safari
specificity
margin
!important
6. Prefix for linear gradient commands in Safari & Chrome
-webkit-
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
zero out
-o-
7. A rule to remove a hyperlink border from around an image hyperlink
a img {border: none;}
HEX code
class (.)
Firefox
8. border shorthand syntax
Lightness
border: [width] [style] [color];
Pseudo-elements
width
9. 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
zero out
type
block
10. A rule to remove bullets from a list
embedded styles
ul{ list-style: none;}
screen
em
11. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
block
pseudo-class
padding
link
12. These 'flavors' of selectors are often used by JavaScript
class (.)
HEX code
embedded styles
attribute selectors
13. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______
type
clickable
descendant
background: [color] [image] [repeat] [attachment] [position];
14. Keyword with 'background' that specifies whether an image scrolls with the document or remains in a fixed position
15. Shortcut HEX code for #FF99AA
RGBA
#F9A
box-shadow
pseudo-class
16. 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
zero out
unordered (<ul>)
screen
min-width
17. Three ways to code CSS3 colors: _____ - HSL - HSLA
RGBA
descendant
<li>
descendant
18. Wildcard (universal selector) to select all elements
*
descendant
Chrome & Safari
#F9A
19. Attribute specifying the location of an external style sheet
descendant
general sibling (new to CSS3)
href="<relative URL here>"
Chrome & Safari
20. ________ are selectors that let you select a portion of text
attribute
Pseudo-elements
height
first-letter
21. h1, h2, h3 {color: blue;} is an example of _____
multiple selectors
http://html5shiv.googlecode.com/svn/trunk/html5.js
ul{ list-style: none;}
formatting
22. h2+p { margin-top: .5em} is an example of a _____ selector
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
comma (,)
*
adjacent sibling
23. 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
position (with values: left, center, right, top, center, bottom)
last
24. #main>p{ font-size: 11pt; } is an example of a ______ selector
Firefox
child
Nothing! the values are not comma separated (delimited)
Lightness
25. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
min-width
background-image: linear-gradient(direction, color %, color %, ...);
Chrome & Safari
type
26. #main li { color: green;} is an example of a _____ selector
height
Pseudo-classes
descendant
specificity
27. Default for the media attribute
adjacent sibling
a img {border: none;}
descendant
screen
28. There are ____ descriptive color names
16
#F9A
formatting
background: [color] [image] [repeat] [attachment] [position];
29. Linear gradient syntax
adjacent sibling
last
background-image: linear-gradient(direction, color %, color %, ...);
descendant
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
Pseudo-classes
screen
last
margin
31. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
pseudo-class
Firefox
first-letter
width
32. Keyword with 'background' that specifies if and how an image repeats
formatting
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
multiple selectors
<li>
33. HTML5 structural tags in older browsers must be styled as _____ elements
collapsed
block
user style sheet
width
34. Zeroing out the default browser styles using the wildcard selector (*) is often call using the _____ selector
reset
border: [width] [style] [color];
pseudo-class
descendant
35. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers
http://html5shiv.googlecode.com/svn/trunk/html5.js
Firefox
*
clickable
36. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
box-shadow
user style sheet
Pseudo-elements
width
37. _______ Memory Aid: TRBL ('trouble' = top, right, bottom, left)
pseudo-class
Box Model
class
multiple selectors
38. Three common CSS3 pseudo-classes: first-child - last-child - _______
only-child
-o-
formatting
rel="stylesheet"
39. HSL: Hue - Saturation - ______
<style>
only-child
Lightness
Alpha
40. Five common CSS pseudo classes:link - _______ - active - hover - focus
visited
Alpha
type
attribute
41. Tag used to bring CSS into a web page from an external source
width
only-child
child
link
42. What does this do? padding: 2px, 4px, 6px, 8px;
external
HEX code
screen
Nothing! the values are not comma separated (delimited)
43. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
media
Relative
position (with values: left, center, right, top, center, bottom)
min-width
44. Attribute for an external style sheet
specific
Alpha
link
rel="stylesheet"
45. The 'internal' space between content area & border
clickable
position (with values: left, center, right, top, center, bottom)
specificity
padding
46. The 'external' space or 'force field' between an element & it's containing element
pseudo-class
screen
margin
Nothing! the values are not comma separated (delimited)
47. [ ] are indicative of _______ selectors
border: [width] [style] [color];
descendant
child
attribute
48. 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
block
last
border: [width] [style] [color];
width
49. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
attribute
multiple selectors
link
href="<relative URL here>"
50. The colon (:) is indicative of __________
descendant
pseudo-classes
background: [color] [image] [repeat] [attachment] [position];
box-shadow