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. Sequence in which styles are applied: _______ - embedded - inline
em
-webkit-
attribute
external
2. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
16
box-shadow
specificity
child
3. h1, h2, h3 {color: blue;} is an example of _____
unordered (<ul>)
external
Pseudo-classes
multiple selectors
4. Five common CSS pseudo classes:link - _______ - active - hover - focus
only-child
-moz-
width
visited
5. Linear gradient syntax
comma (,)
Alpha
adjacent sibling
background-image: linear-gradient(direction, color %, color %, ...);
6. CSS is a special language used just for _____
HEX code
attribute selectors
type
formatting
7. The default width of an element:As wide as the ______ that contains it
block
specificity
class (.)
:focus pseudo-class
8. _______ are predefined classes that apply to specific conditions
Pseudo-classes
href="<relative URL here>"
margin
descendant
9. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling
last
class (.)
block
attribute
10. .right {text-align: right;} is an example of a selector made by _______
reset
class
margin
comma (,)
11. Shorthand border syntax
zero out
specific
HEX code
border: [width] [style] [color];
12. _____ measurements are recommended for font sizes
width
a:link{text-decoration: none;}
block
Relative
13. Three ways to specify colors in traditional CSS:color name - RGB - _______
multiple selectors
16
HEX code
Lightness
14. Four 'flavors' of relational selectors: ________ - adjacent sibling - child (not supported by some older browsers like IE6) - general sibling (new to CSS3)
a:link{text-decoration: none;}
descendant
border: [width] [style] [color];
child
15. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
pseudo-class
-moz-
-webkit-
href="<relative URL here>"
16. A rule to remove a hyperlink border from around an image hyperlink
comma (,)
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
a img {border: none;}
attribute
17. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
adjacent sibling
Alpha
media
Box Model
18. Rule to remove underlining in a hyperlink that hasn't yet been visited
a:link{text-decoration: none;}
specificity
height
attachment (with values of 'scroll' or 'fixed')
19. The colon (:) is indicative of __________
pseudo-classes
attribute
media
http://html5shiv.googlecode.com/svn/trunk/html5.js
20. Prefix for linear gradient commands in Safari & Chrome
-webkit-
attribute
user style sheet
specific
21. Keyword with 'background' that specifies if and how an image repeats
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
Relative
Box Model
class (.)
22. HSLA: Hue - Saturation - Lightness - _____
Alpha
zero out
multiple selectors
Nothing! the values are not comma separated (delimited)
23. Prefix for linear gradient commands in Firefox
Box Model
-moz-
width
Lightness
24. A rule to remove bullets from a list
attribute
RGBA
ul{ list-style: none;}
box-shadow
25. To format the space between a bullet and text in an unordered list style some left padding on the _____ element within the list
ul{ list-style: none;}
specificity
<li>
Alpha
26. The delimiter symbol for multiple selectors for the same rule set
comma (,)
Alpha
box-shadow
attachment (with values of 'scroll' or 'fixed')
27. Three ways to code CSS3 colors: _____ - HSL - HSLA
descendant
media
RGBA
multiple selectors
28. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
media
position (with values: left, center, right, top, center, bottom)
specificity
embedded styles
29. border shorthand syntax
descendant
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
border: [width] [style] [color];
specific
30. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
em
Pseudo-elements
box-shadow
width
31. Two common pseudo-elements: ______ - first-line
<style>
-moz-
formatting
first-letter
32. 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
class (.)
last
specificity
zero out
33. The 'internal' space between content area & border
screen
padding
Box Model
width
34. Backwards compatibility for __________ & shadows -webkit-box-shadow
http://html5shiv.googlecode.com/svn/trunk/html5.js
embedded styles
Chrome & Safari
position (with values: left, center, right, top, center, bottom)
35. h2~p { margin-left: 2em; } is an example of a ______ selector
background: [color] [image] [repeat] [attachment] [position];
general sibling (new to CSS3)
embedded styles
a:link{text-decoration: none;}
36. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______
collapsed
-moz-
only-child
type
37. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)
border: [width] [style] [color];
!important
Box Model
embedded styles
38. #main li { color: green;} is an example of a _____ selector
HEX code
box-shadow
block
descendant
39. _______ Memory Aid: TRBL ('trouble' = top, right, bottom, left)
adjacent sibling
unordered (<ul>)
attribute
Box Model
40. To mark a rule so that it will override any other rules
embedded styles
!important
attachment (with values of 'scroll' or 'fixed')
only-child
41. #main { padding: 1em;} is an example of a selector made by _____
collapsed
specificity
attribute selectors
id
42. Two new box model properties in CSS3: border-radius and ________
width
*
zero out
box-shadow
43. Wildcard (universal selector) to select all elements
*
unordered (<ul>)
border: [width] [style] [color];
general sibling (new to CSS3)
44. ________ are selectors that let you select a portion of text
margin
embedded styles
Pseudo-elements
child
45. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
Nothing! the values are not comma separated (delimited)
attribute
a:link{text-decoration: none;}
HEX code
46. The 'external' space or 'force field' between an element & it's containing element
margin
border: [width] [style] [color];
background: [color] [image] [repeat] [attachment] [position];
a:link{text-decoration: none;}
47. List alignments work best with ____ measurements
border: [width] [style] [color];
Firefox
em
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
48. 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
height
unordered (<ul>)
*
Chrome & Safari
49. Attribute specifying the location of an external style sheet
attribute
href="<relative URL here>"
adjacent sibling
box-shadow
50. HSL: Hue - Saturation - ______
type
media
Lightness
Box Model
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