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. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
width
Box Model
attribute
ul{ list-style: none;}
2. _____ measurements are recommended for font sizes
collapsed
box-shadow
em
Relative
3. The 'internal' space between content area & border
border: [width] [style] [color];
*
padding
comma (,)
4. Five common CSS pseudo classes:link - _______ - active - hover - focus
visited
Pseudo-classes
*
RGBA
5. Shortcut HEX code for #FF99AA
padding
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
#F9A
visited
6. [ ] are indicative of _______ selectors
external
#F9A
attribute
href="<relative URL here>"
7. The default width of an element:As wide as the ______ that contains it
attachment (with values of 'scroll' or 'fixed')
block
reset
attribute selectors
8. 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
id
width
min-width
9. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
attribute
Alpha
multiple selectors
media
10. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)
formatting
pseudo-classes
embedded styles
Alpha
11. _______ Memory Aid: TRBL ('trouble' = top, right, bottom, left)
Alpha
#F9A
multiple selectors
Box Model
12. Four 'flavors' of relational selectors: ________ - adjacent sibling - child (not supported by some older browsers like IE6) - general sibling (new to CSS3)
Chrome & Safari
a:link{text-decoration: none;}
descendant
Relative
13. Shorthand border syntax
Alpha
-moz-
Nothing! the values are not comma separated (delimited)
border: [width] [style] [color];
14. Tag used to bring CSS into a web page from an external source
*
link
media
descendant
15. Two new box model properties in CSS3: border-radius and ________
box-shadow
collapsed
ul{ list-style: none;}
screen
16. ________ are selectors that let you select a portion of text
<li>
Pseudo-elements
ul{ list-style: none;}
http://html5shiv.googlecode.com/svn/trunk/html5.js
17. What does this do? padding: 2px, 4px, 6px, 8px;
*
specificity
Nothing! the values are not comma separated (delimited)
last
18. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
embedded styles
class (.)
HEX code
min-width
19. 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
class
class (.)
height
20. HSL: Hue - Saturation - ______
Lightness
descendant
*
16
21. To format the space between a bullet and text in an unordered list style some left padding on the _____ element within the list
first-letter
a:link{text-decoration: none;}
<li>
last
22. Two common pseudo-elements: ______ - first-line
attribute
first-letter
-o-
*
23. Prefix for linear gradient commands in Safari & Chrome
-webkit-
pseudo-classes
a img {border: none;}
block
24. 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 ______
specific
unordered (<ul>)
external
:focus pseudo-class
25. Shorthand for background property
box-shadow
background: [color] [image] [repeat] [attachment] [position];
embedded styles
Box Model
26. #main>p{ font-size: 11pt; } is an example of a ______ selector
http://html5shiv.googlecode.com/svn/trunk/html5.js
block
first-letter
child
27. The p.highlight selector is more _____ than the .highlight selector
screen
width
specific
<style>
28. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
-o-
attribute
background-image: linear-gradient(direction, color %, color %, ...);
box-shadow
29. 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
unordered (<ul>)
<style>
box-shadow
pseudo-class
30. h2~p { margin-left: 2em; } is an example of a ______ selector
Pseudo-elements
general sibling (new to CSS3)
width
-webkit-
31. 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
href="<relative URL here>"
clickable
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
formatting
32. Wildcard (universal selector) to select all elements
Chrome & Safari
*
href="<relative URL here>"
#F9A
33. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
-webkit-
#F9A
block
Firefox
34. 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
border: [width] [style] [color];
link
class
zero out
35. Sequence in which styles are applied: _______ - embedded - inline
collapsed
width
external
*
36. Attribute for an external style sheet
rel="stylesheet"
Lightness
pseudo-classes
screen
37. .right {text-align: right;} is an example of a selector made by _______
class
Nothing! the values are not comma separated (delimited)
external
link
38. #main { padding: 1em;} is an example of a selector made by _____
last
background-image: linear-gradient(direction, color %, color %, ...);
Chrome & Safari
id
39. Prefix for linear gradient commands in Opera
Pseudo-classes
-o-
first-letter
http://html5shiv.googlecode.com/svn/trunk/html5.js
40. Zeroing out the default browser styles using the wildcard selector (*) is often call using the _____ selector
reset
attribute
class (.)
RGBA
41. List alignments work best with ____ measurements
Alpha
width
em
Lightness
42. Keyword with 'background' that specifies if and how an image repeats
Relative
-moz-
block
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
43. Prefix for linear gradient commands in Firefox
box-shadow
-moz-
attribute
:focus pseudo-class
44. The delimiter symbol for multiple selectors for the same rule set
comma (,)
padding
visited
HEX code
45. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
formatting
width
*
pseudo-class
46. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
user style sheet
descendant
height
specificity
47. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
external
-o-
Nothing! the values are not comma separated (delimited)
collapsed
48. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin
height
visited
RGBA
border: [width] [style] [color];
49. _______ are predefined classes that apply to specific conditions
Pseudo-classes
a img {border: none;}
screen
external
50. HSLA: Hue - Saturation - Lightness - _____
link
href="<relative URL here>"
Alpha
specific
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