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