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 the initial horizontal and vertical positions of an image
descendant
class (.)
position (with values: left, center, right, top, center, bottom)
comma (,)
2. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin
margin
external
height
<style>
3. Backwards compatibility for __________ & shadows -webkit-box-shadow
background: [color] [image] [repeat] [attachment] [position];
Chrome & Safari
general sibling (new to CSS3)
Alpha
4. 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
class (.)
block
width
Alpha
5. Two common pseudo-elements: ______ - first-line
general sibling (new to CSS3)
:focus pseudo-class
first-letter
em
6. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers
Relative
http://html5shiv.googlecode.com/svn/trunk/html5.js
width
adjacent sibling
7. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
position (with values: left, center, right, top, center, bottom)
-webkit-
:focus pseudo-class
media
8. Prefix for linear gradient commands in Opera
box-shadow
height
padding
-o-
9. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
width
:focus pseudo-class
last
class
10. 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
margin
clickable
comma (,)
class
11. Attribute for an external style sheet
attribute
descendant
#F9A
rel="stylesheet"
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. The p.highlight selector is more _____ than the .highlight selector
class
background-image: linear-gradient(direction, color %, color %, ...);
specific
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
14. HSLA: Hue - Saturation - Lightness - _____
a img {border: none;}
embedded styles
Alpha
Pseudo-classes
15. Sequence in which styles are applied: _______ - embedded - inline
first-letter
external
class
<li>
16. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
margin
user style sheet
comma (,)
box-shadow
17. List alignments work best with ____ measurements
margin
embedded styles
attribute
em
18. Three common CSS3 pseudo-classes: first-child - last-child - _______
only-child
pseudo-class
Pseudo-classes
background: [color] [image] [repeat] [attachment] [position];
19. #main>p{ font-size: 11pt; } is an example of a ______ selector
<style>
min-width
specificity
child
20. A rule to remove bullets from a list
em
ul{ list-style: none;}
formatting
rel="stylesheet"
21. The 'external' space or 'force field' between an element & it's containing element
collapsed
clickable
!important
margin
22. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
reset
specificity
RGBA
collapsed
23. Prefix for linear gradient commands in Firefox
background-image: linear-gradient(direction, color %, color %, ...);
-moz-
embedded styles
link
24. border shorthand syntax
attribute
reset
ul{ list-style: none;}
border: [width] [style] [color];
25. There are ____ descriptive color names
adjacent sibling
Nothing! the values are not comma separated (delimited)
16
attribute selectors
26. _____ measurements are recommended for font sizes
user style sheet
Relative
attachment (with values of 'scroll' or 'fixed')
box-shadow
27. 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
HEX code
pseudo-class
http://html5shiv.googlecode.com/svn/trunk/html5.js
28. h1, h2, h3 {color: blue;} is an example of _____
multiple selectors
attribute
block
position (with values: left, center, right, top, center, bottom)
29. Two new box model properties in CSS3: border-radius and ________
a img {border: none;}
box-shadow
collapsed
unordered (<ul>)
30. HTML5 structural tags in older browsers must be styled as _____ elements
16
a:link{text-decoration: none;}
block
href="<relative URL here>"
31. To format the space between a bullet and text in an unordered list style some left padding on the _____ element within the list
<li>
Pseudo-elements
id
Pseudo-classes
32. The colon (:) is indicative of __________
collapsed
pseudo-classes
descendant
visited
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
zero out
visited
border: [width] [style] [color];
media
34. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
min-width
ul{ list-style: none;}
comma (,)
collapsed
35. h2+p { margin-top: .5em} is an example of a _____ selector
adjacent sibling
height
Box Model
*
36. To mark a rule so that it will override any other rules
!important
external
attachment (with values of 'scroll' or 'fixed')
block
37. The default width of an element:As wide as the ______ that contains it
user style sheet
href="<relative URL here>"
class (.)
block
38. Three ways to code CSS3 colors: _____ - HSL - HSLA
collapsed
em
RGBA
background: [color] [image] [repeat] [attachment] [position];
39. Three ways to specify colors in traditional CSS:color name - RGB - _______
collapsed
descendant
background: [color] [image] [repeat] [attachment] [position];
HEX code
40. What does this do? padding: 2px, 4px, 6px, 8px;
Nothing! the values are not comma separated (delimited)
RGBA
pseudo-classes
clickable
41. Default for the media attribute
screen
Relative
media
attribute
42. _______ Memory Aid: TRBL ('trouble' = top, right, bottom, left)
Box Model
16
first-letter
attribute selectors
43. HSL: Hue - Saturation - ______
specific
Lightness
general sibling (new to CSS3)
comma (,)
44. _______ are predefined classes that apply to specific conditions
formatting
16
Pseudo-classes
attachment (with values of 'scroll' or 'fixed')
45. 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 ______
attribute
Chrome & Safari
:focus pseudo-class
only-child
46. HTML tag used for embedded styles
first-letter
formatting
-webkit-
<style>
47. Rules with a higher _____ are the ones that will be used
specificity
visited
min-width
comma (,)
48. Keyword with 'background' that specifies if and how an image repeats
height
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
min-width
last
49. Shortcut HEX code for #FF99AA
general sibling (new to CSS3)
#F9A
media
<style>
50. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling
class (.)
a:link{text-decoration: none;}
Chrome & Safari
Box Model