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 __________ & shadows -webkit-box-shadow
box-shadow
Chrome & Safari
formatting
first-letter
2. 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
ul{ list-style: none;}
attachment (with values of 'scroll' or 'fixed')
Pseudo-elements
last
3. Tag used to bring CSS into a web page from an external source
link
RGBA
pseudo-classes
16
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
width
type
border: [width] [style] [color];
Pseudo-elements
5. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
collapsed
type
!important
<style>
6. To format the space between a bullet and text in an unordered list style some left padding on the _____ element within the list
unordered (<ul>)
<li>
embedded styles
general sibling (new to CSS3)
7. Shorthand border syntax
#F9A
padding
only-child
border: [width] [style] [color];
8. 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
:focus pseudo-class
zero out
Firefox
collapsed
9. The delimiter symbol for multiple selectors for the same rule set
comma (,)
HEX code
child
box-shadow
10. A rule to remove bullets from a list
ul{ list-style: none;}
border: [width] [style] [color];
http://html5shiv.googlecode.com/svn/trunk/html5.js
adjacent sibling
11. 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
background-image: linear-gradient(direction, color %, color %, ...);
min-width
:focus pseudo-class
12. Attribute specifying the location of an external style sheet
href="<relative URL here>"
*
specific
box-shadow
13. CSS is a special language used just for _____
formatting
<li>
a img {border: none;}
-moz-
14. [ ] are indicative of _______ selectors
attribute
RGBA
Firefox
position (with values: left, center, right, top, center, bottom)
15. Three ways to code CSS3 colors: _____ - HSL - HSLA
background: [color] [image] [repeat] [attachment] [position];
RGBA
16
position (with values: left, center, right, top, center, bottom)
16. There are ____ descriptive color names
HEX code
pseudo-class
16
ul{ list-style: none;}
17. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling
position (with values: left, center, right, top, center, bottom)
class (.)
child
unordered (<ul>)
18. .right {text-align: right;} is an example of a selector made by _______
multiple selectors
class
clickable
pseudo-class
19. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
user style sheet
:focus pseudo-class
comma (,)
width
20. _____ measurements are recommended for font sizes
Relative
attachment (with values of 'scroll' or 'fixed')
attribute selectors
RGBA
21. The colon (:) is indicative of __________
descendant
pseudo-classes
a img {border: none;}
block
22. #main { padding: 1em;} is an example of a selector made by _____
16
id
visited
specific
23. Three ways to specify colors in traditional CSS:color name - RGB - _______
-moz-
Lightness
Box Model
HEX code
24. The 'internal' space between content area & border
a:link{text-decoration: none;}
attribute
id
padding
25. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
<li>
Lightness
-o-
media
26. A rule to remove a hyperlink border from around an image hyperlink
padding
a img {border: none;}
href="<relative URL here>"
descendant
27. Four 'flavors' of relational selectors: ________ - adjacent sibling - child (not supported by some older browsers like IE6) - general sibling (new to CSS3)
Lightness
descendant
screen
Chrome & Safari
28. Zeroing out the default browser styles using the wildcard selector (*) is often call using the _____ selector
ul{ list-style: none;}
reset
pseudo-class
clickable
29. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
attribute
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
descendant
RGBA
30. The default width of an element:As wide as the ______ that contains it
attribute
box-shadow
block
RGBA
31. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
pseudo-class
#F9A
-moz-
pseudo-classes
32. Rule to remove underlining in a hyperlink that hasn't yet been visited
a:link{text-decoration: none;}
em
screen
descendant
33. h2+p { margin-top: .5em} is an example of a _____ selector
border: [width] [style] [color];
attachment (with values of 'scroll' or 'fixed')
-moz-
adjacent sibling
34. _______ are predefined classes that apply to specific conditions
reset
border: [width] [style] [color];
Pseudo-classes
child
35. What does this do? padding: 2px, 4px, 6px, 8px;
formatting
href="<relative URL here>"
Nothing! the values are not comma separated (delimited)
child
36. #main>p{ font-size: 11pt; } is an example of a ______ selector
Pseudo-classes
child
attribute selectors
-o-
37. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
Relative
Lightness
min-width
screen
38. Wildcard (universal selector) to select all elements
*
box-shadow
Nothing! the values are not comma separated (delimited)
width
39. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin
height
width
block
a:link{text-decoration: none;}
40. Five common CSS pseudo classes:link - _______ - active - hover - focus
width
visited
position (with values: left, center, right, top, center, bottom)
type
41. Prefix for linear gradient commands in Opera
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
background: [color] [image] [repeat] [attachment] [position];
-o-
width
42. border shorthand syntax
attribute
RGBA
Pseudo-elements
border: [width] [style] [color];
43. The p.highlight selector is more _____ than the .highlight selector
first-letter
padding
link
specific
44. List alignments work best with ____ measurements
em
HEX code
width
screen
45. HTML tag used for embedded styles
Pseudo-classes
child
min-width
<style>
46. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers
class (.)
http://html5shiv.googlecode.com/svn/trunk/html5.js
id
border: [width] [style] [color];
47. Shortcut HEX code for #FF99AA
-webkit-
<style>
rel="stylesheet"
#F9A
48. ________ are selectors that let you select a portion of text
margin
background-image: linear-gradient(direction, color %, color %, ...);
Pseudo-elements
block
49. Default for the media attribute
screen
descendant
attribute
border: [width] [style] [color];
50. Prefix for linear gradient commands in Safari & Chrome
block
class (.)
-webkit-
a:link{text-decoration: none;}
Sorry!:) No result found.
Can you answer 50 questions in 15 minutes?
Let me suggest you:
Browse all subjects
Browse all tests
Most popular tests
Major Subjects
Tests & Exams
AP
CLEP
DSST
GRE
SAT
GMAT
Certifications
CISSP go to https://www.isc2.org/
PMP
ITIL
RHCE
MCTS
More...
IT Skills
Android Programming
Data Modeling
Objective C Programming
Basic Python Programming
Adobe Illustrator
More...
Business Skills
Advertising Techniques
Business Accounting Basics
Business Strategy
Human Resource Management
Marketing Basics
More...
Soft Skills
Body Language
People Skills
Public Speaking
Persuasion
Job Hunting And Resumes
More...
Vocabulary
GRE Vocab
SAT Vocab
TOEFL Essential Vocab
Basic English Words For All
Global Words You Should Know
Business English
More...
Languages
AP German Vocab
AP Latin Vocab
SAT Subject Test: French
Italian Survival
Norwegian Survival
More...
Engineering
Audio Engineering
Computer Science Engineering
Aerospace Engineering
Chemical Engineering
Structural Engineering
More...
Health Sciences
Basic Nursing Skills
Health Science Language Fundamentals
Veterinary Technology Medical Language
Cardiology
Clinical Surgery
More...
English
Grammar Fundamentals
Literary And Rhetorical Vocab
Elements Of Style Vocab
Introduction To English Major
Complete Advanced Sentences
Literature
Homonyms
More...
Math
Algebra Formulas
Basic Arithmetic: Measurements
Metric Conversions
Geometric Properties
Important Math Facts
Number Sense Vocab
Business Math
More...
Other Major Subjects
Science
Economics
History
Law
Performing-arts
Cooking
Logic & Reasoning
Trivia
Browse all subjects
Browse all tests
Most popular tests