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. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
attachment (with values of 'scroll' or 'fixed')
Lightness
Firefox
descendant
2. The 'internal' space between content area & border
16
padding
block
attribute
3. What does this do? padding: 2px, 4px, 6px, 8px;
Nothing! the values are not comma separated (delimited)
first-letter
Lightness
border: [width] [style] [color];
4. Wildcard (universal selector) to select all elements
href="<relative URL here>"
*
pseudo-class
descendant
5. Shorthand border syntax
a:link{text-decoration: none;}
border: [width] [style] [color];
attachment (with values of 'scroll' or 'fixed')
multiple selectors
6. Keyword with 'background' that specifies if and how an image repeats
external
specific
position (with values: left, center, right, top, center, bottom)
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
7. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
!important
attribute selectors
descendant
width
8. Rules with a higher _____ are the ones that will be used
RGBA
background: [color] [image] [repeat] [attachment] [position];
specificity
screen
9. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
Alpha
collapsed
border: [width] [style] [color];
pseudo-classes
10. Shortcut HEX code for #FF99AA
padding
Pseudo-elements
#F9A
box-shadow
11. Keyword with 'background' that specifies whether an image scrolls with the document or remains in a fixed position
12. #main>p{ font-size: 11pt; } is an example of a ______ selector
child
external
multiple selectors
RGBA
13. 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
block
id
a img {border: none;}
last
14. _____ measurements are recommended for font sizes
Relative
block
a:link{text-decoration: none;}
height
15. 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
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
unordered (<ul>)
box-shadow
reset
16. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
border: [width] [style] [color];
first-letter
collapsed
box-shadow
17. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
position (with values: left, center, right, top, center, bottom)
class (.)
unordered (<ul>)
<style>
18. Five common CSS pseudo classes:link - _______ - active - hover - focus
-o-
background: [color] [image] [repeat] [attachment] [position];
descendant
visited
19. Three ways to code CSS3 colors: _____ - HSL - HSLA
child
em
RGBA
descendant
20. The default width of an element:As wide as the ______ that contains it
<style>
block
embedded styles
id
21. There are ____ descriptive color names
descendant
position (with values: left, center, right, top, center, bottom)
RGBA
16
22. [ ] are indicative of _______ selectors
rel="stylesheet"
attribute
formatting
a:link{text-decoration: none;}
23. A rule to remove bullets from a list
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
<style>
*
ul{ list-style: none;}
24. Default for the media attribute
Pseudo-classes
min-width
screen
HEX code
25. #main li { color: green;} is an example of a _____ selector
descendant
HEX code
last
formatting
26. The 'external' space or 'force field' between an element & it's containing element
pseudo-class
a:link{text-decoration: none;}
margin
!important
27. Prefix for linear gradient commands in Safari & Chrome
adjacent sibling
-webkit-
block
attribute
28. Tag used to bring CSS into a web page from an external source
media
ul{ list-style: none;}
attribute
link
29. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
position (with values: left, center, right, top, center, bottom)
attribute
multiple selectors
16
30. Attribute for an external style sheet
unordered (<ul>)
em
rel="stylesheet"
:focus pseudo-class
31. Sequence in which styles are applied: _______ - embedded - inline
specificity
reset
external
box-shadow
32. 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
multiple selectors
attribute selectors
child
33. 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
pseudo-classes
class
zero out
comma (,)
34. HTML5 structural tags in older browsers must be styled as _____ elements
border: [width] [style] [color];
block
formatting
Nothing! the values are not comma separated (delimited)
35. h1, h2, h3 {color: blue;} is an example of _____
-webkit-
general sibling (new to CSS3)
<style>
multiple selectors
36. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
first-letter
margin
min-width
-o-
37. Shorthand for background property
background: [color] [image] [repeat] [attachment] [position];
unordered (<ul>)
box-shadow
attribute
38. The colon (:) is indicative of __________
pseudo-classes
background: [color] [image] [repeat] [attachment] [position];
descendant
box-shadow
39. .right {text-align: right;} is an example of a selector made by _______
:focus pseudo-class
class
Relative
background: [color] [image] [repeat] [attachment] [position];
40. List alignments work best with ____ measurements
Pseudo-elements
-o-
em
16
41. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)
embedded styles
only-child
specificity
HEX code
42. HTML tag used for embedded styles
width
http://html5shiv.googlecode.com/svn/trunk/html5.js
only-child
<style>
43. Backwards compatibility for __________ & shadows -webkit-box-shadow
media
a:link{text-decoration: none;}
Chrome & Safari
width
44. To format the space between a bullet and text in an unordered list style some left padding on the _____ element within the list
box-shadow
attribute
background: [color] [image] [repeat] [attachment] [position];
<li>
45. A rule to remove a hyperlink border from around an image hyperlink
a img {border: none;}
multiple selectors
width
em
46. CSS is a special language used just for _____
border: [width] [style] [color];
external
-webkit-
formatting
47. _______ are predefined classes that apply to specific conditions
Pseudo-classes
ul{ list-style: none;}
descendant
-moz-
48. Prefix for linear gradient commands in Opera
position (with values: left, center, right, top, center, bottom)
attribute
-o-
a:link{text-decoration: none;}
49. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling
a img {border: none;}
class
box-shadow
class (.)
50. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______
type
descendant
a img {border: none;}
width