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. #main>p{ font-size: 11pt; } is an example of a ______ selector
Alpha
id
child
box-shadow
2. Two new box model properties in CSS3: border-radius and ________
box-shadow
Pseudo-classes
last
background-image: linear-gradient(direction, color %, color %, ...);
3. CSS is a special language used just for _____
child
!important
formatting
Firefox
4. Shortcut HEX code for #FF99AA
first-letter
-moz-
position (with values: left, center, right, top, center, bottom)
#F9A
5. List alignments work best with ____ measurements
child
Relative
collapsed
em
6. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin
height
a img {border: none;}
margin
media
7. Shorthand border syntax
block
border: [width] [style] [color];
class (.)
Pseudo-elements
8. 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
RGBA
specific
specificity
unordered (<ul>)
9. The p.highlight selector is more _____ than the .highlight selector
RGBA
specific
ul{ list-style: none;}
16
10. The colon (:) is indicative of __________
pseudo-classes
multiple selectors
Firefox
reset
11. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
type
padding
media
width
12. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______
collapsed
last
Chrome & Safari
type
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
unordered (<ul>)
last
specific
#F9A
14. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
unordered (<ul>)
attribute
min-width
ul{ list-style: none;}
15. Zeroing out the default browser styles using the wildcard selector (*) is often call using the _____ selector
-o-
reset
em
Alpha
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
pseudo-class
clickable
visited
formatting
17. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
collapsed
Firefox
a:link{text-decoration: none;}
ul{ list-style: none;}
18. #main { padding: 1em;} is an example of a selector made by _____
Firefox
attachment (with values of 'scroll' or 'fixed')
background-image: linear-gradient(direction, color %, color %, ...);
id
19. Shorthand for background property
descendant
block
screen
background: [color] [image] [repeat] [attachment] [position];
20. HTML5 structural tags in older browsers must be styled as _____ elements
unordered (<ul>)
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
block
rel="stylesheet"
21. Three ways to specify colors in traditional CSS:color name - RGB - _______
HEX code
background: [color] [image] [repeat] [attachment] [position];
unordered (<ul>)
last
22. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
padding
external
descendant
position (with values: left, center, right, top, center, bottom)
23. Keyword with 'background' that specifies if and how an image repeats
Nothing! the values are not comma separated (delimited)
Box Model
-moz-
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
24. The delimiter symbol for multiple selectors for the same rule set
padding
zero out
external
comma (,)
25. HTML tag used for embedded styles
block
class (.)
<style>
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
26. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling
first-letter
margin
class (.)
general sibling (new to CSS3)
27. Three common CSS3 pseudo-classes: first-child - last-child - _______
first-letter
only-child
position (with values: left, center, right, top, center, bottom)
user style sheet
28. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)
border: [width] [style] [color];
attachment (with values of 'scroll' or 'fixed')
embedded styles
unordered (<ul>)
29. Default for the media attribute
screen
-o-
clickable
width
30. Rule to remove underlining in a hyperlink that hasn't yet been visited
Pseudo-classes
a:link{text-decoration: none;}
child
height
31. The 'internal' space between content area & border
clickable
padding
multiple selectors
<style>
32. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
Lightness
screen
attribute
em
33. _____ measurements are recommended for font sizes
Relative
border: [width] [style] [color];
HEX code
multiple selectors
34. Sequence in which styles are applied: _______ - embedded - inline
last
HEX code
external
border: [width] [style] [color];
35. The default width of an element:As wide as the ______ that contains it
formatting
block
Box Model
:focus pseudo-class
36. 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
-moz-
<li>
width
clickable
37. Rules with a higher _____ are the ones that will be used
specificity
margin
*
background: [color] [image] [repeat] [attachment] [position];
38. Attribute for an external style sheet
background: [color] [image] [repeat] [attachment] [position];
rel="stylesheet"
attachment (with values of 'scroll' or 'fixed')
first-letter
39. Backwards compatibility for __________ & shadows -webkit-box-shadow
descendant
Alpha
Chrome & Safari
Box Model
40. h2~p { margin-left: 2em; } is an example of a ______ selector
comma (,)
specific
Pseudo-classes
general sibling (new to CSS3)
41. What does this do? padding: 2px, 4px, 6px, 8px;
Nothing! the values are not comma separated (delimited)
Chrome & Safari
Pseudo-classes
<style>
42. h2+p { margin-top: .5em} is an example of a _____ selector
adjacent sibling
box-shadow
min-width
collapsed
43. Attribute specifying the location of an external style sheet
background: [color] [image] [repeat] [attachment] [position];
Nothing! the values are not comma separated (delimited)
href="<relative URL here>"
a img {border: none;}
44. These 'flavors' of selectors are often used by JavaScript
ul{ list-style: none;}
visited
-webkit-
attribute selectors
45. [ ] are indicative of _______ selectors
last
attribute
a:link{text-decoration: none;}
Alpha
46. Three ways to code CSS3 colors: _____ - HSL - HSLA
RGBA
attribute
-o-
position (with values: left, center, right, top, center, bottom)
47. Tag used to bring CSS into a web page from an external source
RGBA
id
attribute
link
48. HSLA: Hue - Saturation - Lightness - _____
attribute
!important
Alpha
block
49. .right {text-align: right;} is an example of a selector made by _______
<style>
Pseudo-classes
class
zero out
50. HSL: Hue - Saturation - ______
user style sheet
first-letter
-o-
Lightness