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