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