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. .right {text-align: right;} is an example of a selector made by _______
multiple selectors
link
class
type
2. A rule to remove a hyperlink border from around an image hyperlink
*
width
block
a img {border: none;}
3. 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
clickable
Pseudo-classes
id
box-shadow
4. Wildcard (universal selector) to select all elements
general sibling (new to CSS3)
*
pseudo-class
attachment (with values of 'scroll' or 'fixed')
5. Zeroing out the default browser styles using the wildcard selector (*) is often call using the _____ selector
descendant
width
reset
-webkit-
6. There are ____ descriptive color names
width
position (with values: left, center, right, top, center, bottom)
16
Chrome & Safari
7. To format the space between a bullet and text in an unordered list style some left padding on the _____ element within the list
em
box-shadow
box-shadow
<li>
8. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
Firefox
border: [width] [style] [color];
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
comma (,)
9. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
pseudo-class
a:link{text-decoration: none;}
descendant
min-width
10. The default width of an element:As wide as the ______ that contains it
width
attachment (with values of 'scroll' or 'fixed')
descendant
block
11. The delimiter symbol for multiple selectors for the same rule set
attribute
multiple selectors
comma (,)
min-width
12. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
!important
zero out
pseudo-class
user style sheet
13. #main li { color: green;} is an example of a _____ selector
pseudo-class
screen
formatting
descendant
14. What does this do? padding: 2px, 4px, 6px, 8px;
em
Nothing! the values are not comma separated (delimited)
attachment (with values of 'scroll' or 'fixed')
href="<relative URL here>"
15. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
comma (,)
position (with values: left, center, right, top, center, bottom)
min-width
descendant
16. Five common CSS pseudo classes:link - _______ - active - hover - focus
http://html5shiv.googlecode.com/svn/trunk/html5.js
link
visited
box-shadow
17. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin
Relative
min-width
height
box-shadow
18. These 'flavors' of selectors are often used by JavaScript
!important
screen
attribute selectors
Lightness
19. h2~p { margin-left: 2em; } is an example of a ______ selector
general sibling (new to CSS3)
descendant
Nothing! the values are not comma separated (delimited)
block
20. #main { padding: 1em;} is an example of a selector made by _____
id
box-shadow
a img {border: none;}
adjacent sibling
21. Shorthand for background property
attribute selectors
Box Model
Alpha
background: [color] [image] [repeat] [attachment] [position];
22. A rule to remove bullets from a list
width
ul{ list-style: none;}
rel="stylesheet"
<style>
23. Prefix for linear gradient commands in Opera
-o-
formatting
<style>
general sibling (new to CSS3)
24. CSS is a special language used just for _____
reset
block
formatting
width
25. border shorthand syntax
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
class
border: [width] [style] [color];
first-letter
26. List alignments work best with ____ measurements
attachment (with values of 'scroll' or 'fixed')
em
<li>
!important
27. h2+p { margin-top: .5em} is an example of a _____ selector
adjacent sibling
HEX code
multiple selectors
background: [color] [image] [repeat] [attachment] [position];
28. [ ] are indicative of _______ selectors
attribute
min-width
unordered (<ul>)
16
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 ______
multiple selectors
:focus pseudo-class
attribute
adjacent sibling
30. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling
Lightness
class (.)
multiple selectors
block
31. The 'internal' space between content area & border
last
padding
descendant
reset
32. HSLA: Hue - Saturation - Lightness - _____
type
Alpha
<style>
attachment (with values of 'scroll' or 'fixed')
33. Prefix for linear gradient commands in Firefox
type
zero out
-moz-
block
34. Attribute for an external style sheet
box-shadow
rel="stylesheet"
attribute
media
35. Shortcut HEX code for #FF99AA
height
background: [color] [image] [repeat] [attachment] [position];
#F9A
Chrome & Safari
36. Three common CSS3 pseudo-classes: first-child - last-child - _______
-o-
only-child
href="<relative URL here>"
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
37. 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
last
external
width
pseudo-class
38. ________ are selectors that let you select a portion of text
specificity
Pseudo-elements
http://html5shiv.googlecode.com/svn/trunk/html5.js
!important
39. HTML5 structural tags in older browsers must be styled as _____ elements
width
block
embedded styles
link
40. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
link
attribute
width
attribute selectors
41. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
box-shadow
specificity
descendant
only-child
42. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
min-width
Lightness
collapsed
descendant
43. Shorthand border syntax
border: [width] [style] [color];
zero out
external
:focus pseudo-class
44. Three ways to code CSS3 colors: _____ - HSL - HSLA
media
unordered (<ul>)
reset
RGBA
45. Keyword with 'background' that specifies if and how an image repeats
type
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
media
ul{ list-style: none;}
46. HSL: Hue - Saturation - ______
#F9A
!important
Lightness
specificity
47. The 'external' space or 'force field' between an element & it's containing element
descendant
box-shadow
Chrome & Safari
margin
48. Sequence in which styles are applied: _______ - embedded - inline
child
box-shadow
border: [width] [style] [color];
external
49. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______
border: [width] [style] [color];
zero out
media
type
50. In a navigation bar (horizontal): Code <a> elements nested in <li> elements of an _____ list and style the <li> elements as inline using the display property
margin
comma (,)
position (with values: left, center, right, top, center, bottom)
unordered (<ul>)
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