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 default width of an element:As wide as the ______ that contains it
block
embedded styles
zero out
-webkit-
2. Linear gradient syntax
child
adjacent sibling
background-image: linear-gradient(direction, color %, color %, ...);
block
3. [ ] are indicative of _______ selectors
width
specific
attribute
attribute
4. Four 'flavors' of relational selectors: ________ - adjacent sibling - child (not supported by some older browsers like IE6) - general sibling (new to CSS3)
descendant
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
attribute
pseudo-classes
5. 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
Firefox
first-letter
unordered (<ul>)
type
6. The delimiter symbol for multiple selectors for the same rule set
pseudo-classes
visited
comma (,)
Chrome & Safari
7. _____ measurements are recommended for font sizes
type
Relative
pseudo-classes
Nothing! the values are not comma separated (delimited)
8. Wildcard (universal selector) to select all elements
embedded styles
*
specific
zero out
9. Three ways to code CSS3 colors: _____ - HSL - HSLA
margin
RGBA
attachment (with values of 'scroll' or 'fixed')
adjacent sibling
10. h2~p { margin-left: 2em; } is an example of a ______ selector
general sibling (new to CSS3)
unordered (<ul>)
block
pseudo-classes
11. There are ____ descriptive color names
Pseudo-classes
Pseudo-elements
16
pseudo-class
12. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin
formatting
ul{ list-style: none;}
height
-o-
13. Tag used to bring CSS into a web page from an external source
media
specific
link
type
14. The 'internal' space between content area & border
Relative
border: [width] [style] [color];
padding
child
15. HTML tag used for embedded styles
<style>
-o-
width
Box Model
16. Sequence in which styles are applied: _______ - embedded - inline
#F9A
16
Lightness
external
17. HSLA: Hue - Saturation - Lightness - _____
Alpha
box-shadow
descendant
formatting
18. CSS is a special language used just for _____
box-shadow
attribute selectors
formatting
specificity
19. ________ are selectors that let you select a portion of text
RGBA
block
background: [color] [image] [repeat] [attachment] [position];
Pseudo-elements
20. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
general sibling (new to CSS3)
screen
position (with values: left, center, right, top, center, bottom)
pseudo-classes
21. Shorthand border syntax
first-letter
border: [width] [style] [color];
-moz-
*
22. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
Box Model
block
width
box-shadow
23. 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 ______
attribute selectors
only-child
:focus pseudo-class
pseudo-classes
24. 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
ul{ list-style: none;}
descendant
clickable
reset
25. Backwards compatibility for __________ & shadows -webkit-box-shadow
Chrome & Safari
collapsed
type
pseudo-class
26. Shortcut HEX code for #FF99AA
external
attachment (with values of 'scroll' or 'fixed')
#F9A
general sibling (new to CSS3)
27. Keyword with 'background' that specifies if and how an image repeats
background: [color] [image] [repeat] [attachment] [position];
block
last
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
28. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers
Firefox
last
http://html5shiv.googlecode.com/svn/trunk/html5.js
adjacent sibling
29. Two common pseudo-elements: ______ - first-line
HEX code
descendant
padding
first-letter
30. Shorthand for background property
attachment (with values of 'scroll' or 'fixed')
Firefox
16
background: [color] [image] [repeat] [attachment] [position];
31. Attribute for an external style sheet
descendant
width
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
rel="stylesheet"
32. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
box-shadow
-moz-
margin
Firefox
33. _______ are predefined classes that apply to specific conditions
type
Pseudo-classes
Nothing! the values are not comma separated (delimited)
external
34. Rules with a higher _____ are the ones that will be used
background: [color] [image] [repeat] [attachment] [position];
specificity
!important
general sibling (new to CSS3)
35. A rule to remove a hyperlink border from around an image hyperlink
a img {border: none;}
collapsed
background-image: linear-gradient(direction, color %, color %, ...);
zero out
36. These 'flavors' of selectors are often used by JavaScript
Chrome & Safari
attribute selectors
block
rel="stylesheet"
37. Two new box model properties in CSS3: border-radius and ________
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
clickable
box-shadow
attribute
38. Prefix for linear gradient commands in Firefox
specific
specificity
-moz-
!important
39. Keyword with 'background' that specifies whether an image scrolls with the document or remains in a fixed position
Warning
: Invalid argument supplied for foreach() in
/var/www/html/basicversity.com/show_quiz.php
on line
183
40. 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
attribute
<li>
collapsed
41. List alignments work best with ____ measurements
border: [width] [style] [color];
box-shadow
type
em
42. HSL: Hue - Saturation - ______
Lightness
RGBA
Box Model
height
43. Prefix for linear gradient commands in Opera
clickable
RGBA
:focus pseudo-class
-o-
44. Three common CSS3 pseudo-classes: first-child - last-child - _______
http://html5shiv.googlecode.com/svn/trunk/html5.js
Firefox
-o-
only-child
45. A rule to remove bullets from a list
border: [width] [style] [color];
first-letter
ul{ list-style: none;}
only-child
46. Attribute specifying the location of an external style sheet
href="<relative URL here>"
user style sheet
box-shadow
-webkit-
47. #main li { color: green;} is an example of a _____ selector
-webkit-
descendant
user style sheet
class (.)
48. Three ways to specify colors in traditional CSS:color name - RGB - _______
Relative
HEX code
<style>
zero out
49. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
ul{ list-style: none;}
box-shadow
type
-webkit-
50. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
a img {border: none;}
!important
pseudo-class
-webkit-
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