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. The 'internal' space between content area & border
descendant
class
padding
Nothing! the values are not comma separated (delimited)
2. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
Alpha
position (with values: left, center, right, top, center, bottom)
<style>
href="<relative URL here>"
3. The p.highlight selector is more _____ than the .highlight selector
em
specific
-moz-
descendant
4. To mark a rule so that it will override any other rules
specific
!important
Lightness
margin
5. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers
http://html5shiv.googlecode.com/svn/trunk/html5.js
width
-o-
box-shadow
6. ________ are selectors that let you select a portion of text
Pseudo-elements
multiple selectors
position (with values: left, center, right, top, center, bottom)
a:link{text-decoration: none;}
7. Rules with a higher _____ are the ones that will be used
rel="stylesheet"
specificity
block
Alpha
8. HSLA: Hue - Saturation - Lightness - _____
min-width
Alpha
block
only-child
9. Five common CSS pseudo classes:link - _______ - active - hover - focus
collapsed
visited
clickable
Firefox
10. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
HEX code
RGBA
pseudo-class
general sibling (new to CSS3)
11. Prefix for linear gradient commands in Safari & Chrome
-o-
attachment (with values of 'scroll' or 'fixed')
background: [color] [image] [repeat] [attachment] [position];
-webkit-
12. 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
padding
zero out
rel="stylesheet"
reset
13. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
child
a img {border: none;}
user style sheet
-moz-
14. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
link
attribute
border: [width] [style] [color];
box-shadow
15. Default for the media attribute
Lightness
-moz-
media
screen
16. Tag used to bring CSS into a web page from an external source
:focus pseudo-class
Chrome & Safari
width
link
17. h2~p { margin-left: 2em; } is an example of a ______ selector
general sibling (new to CSS3)
attachment (with values of 'scroll' or 'fixed')
Chrome & Safari
HEX code
18. The delimiter symbol for multiple selectors for the same rule set
comma (,)
specificity
attachment (with values of 'scroll' or 'fixed')
margin
19. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
id
collapsed
Chrome & Safari
Pseudo-classes
20. Attribute specifying the location of an external style sheet
class (.)
RGBA
href="<relative URL here>"
rel="stylesheet"
21. Three ways to specify colors in traditional CSS:color name - RGB - _______
a img {border: none;}
only-child
HEX code
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
22. Two common pseudo-elements: ______ - first-line
pseudo-class
comma (,)
padding
first-letter
23. A rule to remove a hyperlink border from around an image hyperlink
http://html5shiv.googlecode.com/svn/trunk/html5.js
a img {border: none;}
attribute selectors
Box Model
24. Two new box model properties in CSS3: border-radius and ________
-o-
formatting
media
box-shadow
25. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin
16
attribute selectors
Chrome & Safari
height
26. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
width
attribute
multiple selectors
block
27. h1, h2, h3 {color: blue;} is an example of _____
block
min-width
multiple selectors
class (.)
28. These 'flavors' of selectors are often used by JavaScript
attribute selectors
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
only-child
:focus pseudo-class
29. The colon (:) is indicative of __________
pseudo-classes
<li>
a img {border: none;}
general sibling (new to CSS3)
30. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______
visited
child
attribute
type
31. #main li { color: green;} is an example of a _____ selector
a img {border: none;}
descendant
ul{ list-style: none;}
descendant
32. #main>p{ font-size: 11pt; } is an example of a ______ selector
child
unordered (<ul>)
pseudo-class
adjacent sibling
33. 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
class (.)
width
multiple selectors
34. 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
visited
href="<relative URL here>"
box-shadow
35. Attribute for an external style sheet
min-width
rel="stylesheet"
formatting
attribute selectors
36. 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
em
collapsed
Firefox
unordered (<ul>)
37. To format the space between a bullet and text in an unordered list style some left padding on the _____ element within the list
reset
box-shadow
background: [color] [image] [repeat] [attachment] [position];
<li>
38. 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
reset
link
attribute
width
39. _______ are predefined classes that apply to specific conditions
Alpha
min-width
Pseudo-classes
height
40. Keyword with 'background' that specifies if and how an image repeats
descendant
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
a:link{text-decoration: none;}
external
41. The 'external' space or 'force field' between an element & it's containing element
margin
Chrome & Safari
attachment (with values of 'scroll' or 'fixed')
a:link{text-decoration: none;}
42. Zeroing out the default browser styles using the wildcard selector (*) is often call using the _____ selector
16
reset
attribute
-moz-
43. A rule to remove bullets from a list
class (.)
ul{ list-style: none;}
16
pseudo-classes
44. Backwards compatibility for __________ & shadows -webkit-box-shadow
Chrome & Safari
specific
Nothing! the values are not comma separated (delimited)
height
45. [ ] are indicative of _______ selectors
padding
a img {border: none;}
block
attribute
46. h2+p { margin-top: .5em} is an example of a _____ selector
screen
block
adjacent sibling
HEX code
47. Wildcard (universal selector) to select all elements
*
screen
a:link{text-decoration: none;}
Alpha
48. Three common CSS3 pseudo-classes: first-child - last-child - _______
clickable
#F9A
box-shadow
only-child
49. Shortcut HEX code for #FF99AA
#F9A
class
border: [width] [style] [color];
multiple selectors
50. List alignments work best with ____ measurements
em
id
background: [color] [image] [repeat] [attachment] [position];
<style>
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