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