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