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