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