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. ________ are selectors that let you select a portion of text
attribute
Pseudo-elements
http://html5shiv.googlecode.com/svn/trunk/html5.js
screen
2. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
-moz-
width
position (with values: left, center, right, top, center, bottom)
em
3. _____ measurements are recommended for font sizes
ul{ list-style: none;}
visited
Relative
Lightness
4. Shorthand for background property
Nothing! the values are not comma separated (delimited)
specific
background: [color] [image] [repeat] [attachment] [position];
HEX code
5. h2~p { margin-left: 2em; } is an example of a ______ selector
attribute
<li>
general sibling (new to CSS3)
attribute selectors
6. Prefix for linear gradient commands in Opera
id
-o-
unordered (<ul>)
block
7. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______
class (.)
type
16
a:link{text-decoration: none;}
8. 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
16
-moz-
comma (,)
9. h2+p { margin-top: .5em} is an example of a _____ selector
rel="stylesheet"
screen
attribute selectors
adjacent sibling
10. HTML tag used for embedded styles
block
block
<style>
zero out
11. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
em
:focus pseudo-class
min-width
media
12. Rule to remove underlining in a hyperlink that hasn't yet been visited
clickable
embedded styles
a:link{text-decoration: none;}
Chrome & Safari
13. Backwards compatibility for __________ & shadows -webkit-box-shadow
pseudo-class
Firefox
background: [color] [image] [repeat] [attachment] [position];
Chrome & Safari
14. Prefix for linear gradient commands in Safari & Chrome
pseudo-classes
height
-webkit-
box-shadow
15. To format the space between a bullet and text in an unordered list style some left padding on the _____ element within the list
HEX code
background: [color] [image] [repeat] [attachment] [position];
<li>
Pseudo-classes
16. border shorthand syntax
min-width
pseudo-class
id
border: [width] [style] [color];
17. The delimiter symbol for multiple selectors for the same rule set
comma (,)
href="<relative URL here>"
reset
<li>
18. HSL: Hue - Saturation - ______
class (.)
border: [width] [style] [color];
Lightness
#F9A
19. The 'external' space or 'force field' between an element & it's containing element
pseudo-classes
margin
<style>
user style sheet
20. Prefix for linear gradient commands in Firefox
Lightness
comma (,)
-moz-
attachment (with values of 'scroll' or 'fixed')
21. Rules with a higher _____ are the ones that will be used
child
collapsed
specificity
box-shadow
22. These 'flavors' of selectors are often used by JavaScript
type
position (with values: left, center, right, top, center, bottom)
attribute selectors
height
23. To mark a rule so that it will override any other rules
background: [color] [image] [repeat] [attachment] [position];
!important
child
rel="stylesheet"
24. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling
first-letter
padding
class (.)
position (with values: left, center, right, top, center, bottom)
25. 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
class
class (.)
position (with values: left, center, right, top, center, bottom)
zero out
26. 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
descendant
margin
box-shadow
last
27. HSLA: Hue - Saturation - Lightness - _____
:focus pseudo-class
user style sheet
Alpha
border: [width] [style] [color];
28. Three ways to specify colors in traditional CSS:color name - RGB - _______
<style>
Firefox
HEX code
child
29. CSS is a special language used just for _____
attribute
formatting
width
specific
30. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin
collapsed
Chrome & Safari
height
link
31. Five common CSS pseudo classes:link - _______ - active - hover - focus
child
width
padding
visited
32. Attribute specifying the location of an external style sheet
box-shadow
specificity
Firefox
href="<relative URL here>"
33. Two new box model properties in CSS3: border-radius and ________
attachment (with values of 'scroll' or 'fixed')
box-shadow
pseudo-class
#F9A
34. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
pseudo-class
pseudo-classes
background: [color] [image] [repeat] [attachment] [position];
Chrome & Safari
35. HTML5 structural tags in older browsers must be styled as _____ elements
block
attribute
descendant
attribute
36. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers
box-shadow
Pseudo-elements
http://html5shiv.googlecode.com/svn/trunk/html5.js
block
37. Linear gradient syntax
Lightness
descendant
background-image: linear-gradient(direction, color %, color %, ...);
16
38. Tag used to bring CSS into a web page from an external source
only-child
padding
link
*
39. The default width of an element:As wide as the ______ that contains it
block
width
attribute
a:link{text-decoration: none;}
40. _______ are predefined classes that apply to specific conditions
HEX code
Pseudo-classes
general sibling (new to CSS3)
a img {border: none;}
41. [ ] are indicative of _______ selectors
unordered (<ul>)
Relative
attribute
class (.)
42. #main li { color: green;} is an example of a _____ selector
descendant
attribute
attachment (with values of 'scroll' or 'fixed')
em
43. Zeroing out the default browser styles using the wildcard selector (*) is often call using the _____ selector
reset
background-image: linear-gradient(direction, color %, color %, ...);
screen
rel="stylesheet"
44. h1, h2, h3 {color: blue;} is an example of _____
!important
multiple selectors
clickable
Chrome & Safari
45. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
media
Nothing! the values are not comma separated (delimited)
attachment (with values of 'scroll' or 'fixed')
RGBA
46. Three ways to code CSS3 colors: _____ - HSL - HSLA
!important
:focus pseudo-class
http://html5shiv.googlecode.com/svn/trunk/html5.js
RGBA
47. What does this do? padding: 2px, 4px, 6px, 8px;
Nothing! the values are not comma separated (delimited)
width
general sibling (new to CSS3)
Box Model
48. Two common pseudo-elements: ______ - first-line
zero out
first-letter
specificity
id
49. There are ____ descriptive color names
width
16
attachment (with values of 'scroll' or 'fixed')
embedded styles
50. Keyword with 'background' that specifies if and how an image repeats
only-child
descendant
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
clickable
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