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. Prefix for linear gradient commands in Opera
-o-
#F9A
box-shadow
descendant
2. Rule to remove underlining in a hyperlink that hasn't yet been visited
a:link{text-decoration: none;}
unordered (<ul>)
collapsed
<li>
3. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
pseudo-class
type
reset
child
4. _____ measurements are recommended for font sizes
border: [width] [style] [color];
:focus pseudo-class
type
Relative
5. The 'external' space or 'force field' between an element & it's containing element
margin
box-shadow
specific
Nothing! the values are not comma separated (delimited)
6. Attribute for an external style sheet
unordered (<ul>)
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
rel="stylesheet"
block
7. Sequence in which styles are applied: _______ - embedded - inline
a img {border: none;}
external
position (with values: left, center, right, top, center, bottom)
embedded styles
8. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
zero out
multiple selectors
attribute
position (with values: left, center, right, top, center, bottom)
9. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
reset
Firefox
http://html5shiv.googlecode.com/svn/trunk/html5.js
zero out
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>
position (with values: left, center, right, top, center, bottom)
specific
block
11. What does this do? padding: 2px, 4px, 6px, 8px;
Nothing! the values are not comma separated (delimited)
pseudo-classes
screen
id
12. 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
13. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
href="<relative URL here>"
Alpha
user style sheet
attribute
14. HTML5 structural tags in older browsers must be styled as _____ elements
width
descendant
em
block
15. 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
href="<relative URL here>"
clickable
attribute selectors
adjacent sibling
16. _______ are predefined classes that apply to specific conditions
class
Pseudo-classes
background-image: linear-gradient(direction, color %, color %, ...);
Nothing! the values are not comma separated (delimited)
17. 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 ______
reset
:focus pseudo-class
attribute selectors
Firefox
18. CSS is a special language used just for _____
border: [width] [style] [color];
Pseudo-elements
Firefox
formatting
19. 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
zero out
descendant
attribute
descendant
20. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)
:focus pseudo-class
margin
visited
embedded styles
21. The p.highlight selector is more _____ than the .highlight selector
Lightness
Nothing! the values are not comma separated (delimited)
descendant
specific
22. Wildcard (universal selector) to select all elements
reset
em
*
-webkit-
23. To mark a rule so that it will override any other rules
box-shadow
em
descendant
!important
24. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
position (with values: left, center, right, top, center, bottom)
last
attachment (with values of 'scroll' or 'fixed')
rel="stylesheet"
25. The default width of an element:As wide as the ______ that contains it
block
Pseudo-classes
Box Model
border: [width] [style] [color];
26. The delimiter symbol for multiple selectors for the same rule set
class
clickable
block
comma (,)
27. A rule to remove bullets from a list
only-child
Pseudo-elements
ul{ list-style: none;}
adjacent sibling
28. Shorthand border syntax
-webkit-
screen
border: [width] [style] [color];
unordered (<ul>)
29. HTML tag used for embedded styles
attribute
<style>
Box Model
collapsed
30. #main { padding: 1em;} is an example of a selector made by _____
box-shadow
id
pseudo-class
-moz-
31. ________ are selectors that let you select a portion of text
collapsed
visited
child
Pseudo-elements
32. #main li { color: green;} is an example of a _____ selector
type
descendant
min-width
pseudo-class
33. Rules with a higher _____ are the ones that will be used
box-shadow
specificity
last
collapsed
34. #main>p{ font-size: 11pt; } is an example of a ______ selector
child
*
min-width
screen
35. The 'internal' space between content area & border
border: [width] [style] [color];
Box Model
padding
specific
36. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
-moz-
background-image: linear-gradient(direction, color %, color %, ...);
general sibling (new to CSS3)
width
37. Attribute specifying the location of an external style sheet
Box Model
zero out
ul{ list-style: none;}
href="<relative URL here>"
38. border shorthand syntax
Relative
<style>
border: [width] [style] [color];
zero out
39. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
attachment (with values of 'scroll' or 'fixed')
pseudo-classes
collapsed
attribute
40. h2~p { margin-left: 2em; } is an example of a ______ selector
unordered (<ul>)
specific
general sibling (new to CSS3)
user style sheet
41. A rule to remove a hyperlink border from around an image hyperlink
:focus pseudo-class
a img {border: none;}
collapsed
height
42. Three common CSS3 pseudo-classes: first-child - last-child - _______
background-image: linear-gradient(direction, color %, color %, ...);
only-child
ul{ list-style: none;}
user style sheet
43. Five common CSS pseudo classes:link - _______ - active - hover - focus
unordered (<ul>)
visited
id
<li>
44. h2+p { margin-top: .5em} is an example of a _____ selector
adjacent sibling
multiple selectors
em
media
45. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling
http://html5shiv.googlecode.com/svn/trunk/html5.js
class (.)
clickable
embedded styles
46. 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
attribute selectors
multiple selectors
width
pseudo-classes
47. h1, h2, h3 {color: blue;} is an example of _____
Pseudo-elements
attribute
unordered (<ul>)
multiple selectors
48. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
media
:focus pseudo-class
Alpha
class
49. _______ Memory Aid: TRBL ('trouble' = top, right, bottom, left)
Box Model
position (with values: left, center, right, top, center, bottom)
width
specific
50. HSLA: Hue - Saturation - Lightness - _____
Alpha
general sibling (new to CSS3)
-webkit-
block
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