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