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