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