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. A rule to remove a hyperlink border from around an image hyperlink
only-child
a img {border: none;}
formatting
background-image: linear-gradient(direction, color %, color %, ...);
2. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
type
user style sheet
:focus pseudo-class
screen
3. A rule to remove bullets from a list
ul{ list-style: none;}
block
unordered (<ul>)
id
4. HSLA: Hue - Saturation - Lightness - _____
unordered (<ul>)
Alpha
collapsed
:focus pseudo-class
5. Attribute specifying the location of an external style sheet
-moz-
-webkit-
href="<relative URL here>"
only-child
6. _______ are predefined classes that apply to specific conditions
ul{ list-style: none;}
block
Pseudo-classes
-moz-
7. 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 ______
background: [color] [image] [repeat] [attachment] [position];
only-child
min-width
:focus pseudo-class
8. Rules with a higher _____ are the ones that will be used
visited
embedded styles
border: [width] [style] [color];
specificity
9. The 'external' space or 'force field' between an element & it's containing element
Chrome & Safari
-webkit-
attribute
margin
10. Shortcut HEX code for #FF99AA
#F9A
Chrome & Safari
embedded styles
position (with values: left, center, right, top, center, bottom)
11. To format the space between a bullet and text in an unordered list style some left padding on the _____ element within the list
class
<li>
screen
external
12. #main { padding: 1em;} is an example of a selector made by _____
a img {border: none;}
Pseudo-classes
attachment (with values of 'scroll' or 'fixed')
id
13. The delimiter symbol for multiple selectors for the same rule set
visited
comma (,)
a:link{text-decoration: none;}
ul{ list-style: none;}
14. 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
-o-
margin
clickable
href="<relative URL here>"
15. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
a:link{text-decoration: none;}
rel="stylesheet"
clickable
width
16. h1, h2, h3 {color: blue;} is an example of _____
border: [width] [style] [color];
clickable
padding
multiple selectors
17. HTML5 structural tags in older browsers must be styled as _____ elements
id
box-shadow
block
RGBA
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
RGBA
width
adjacent sibling
type
19. ________ are selectors that let you select a portion of text
Pseudo-elements
general sibling (new to CSS3)
ul{ list-style: none;}
type
20. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)
attribute
embedded styles
pseudo-classes
visited
21. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
#F9A
-o-
collapsed
id
22. .right {text-align: right;} is an example of a selector made by _______
box-shadow
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
class
Alpha
23. Three ways to specify colors in traditional CSS:color name - RGB - _______
Relative
width
screen
HEX code
24. Prefix for linear gradient commands in Safari & Chrome
-webkit-
Alpha
#F9A
-moz-
25. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
Chrome & Safari
only-child
Lightness
box-shadow
26. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
:focus pseudo-class
pseudo-class
user style sheet
ul{ list-style: none;}
27. Six properties for setting heights & widths: width - height - ______- max-width - min-height - max-height
last
min-width
Firefox
Lightness
28. 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
multiple selectors
block
zero out
width
29. Rule to remove underlining in a hyperlink that hasn't yet been visited
descendant
a:link{text-decoration: none;}
:focus pseudo-class
embedded styles
30. CSS is a special language used just for _____
formatting
Firefox
-webkit-
ul{ list-style: none;}
31. h2~p { margin-left: 2em; } is an example of a ______ selector
descendant
general sibling (new to CSS3)
only-child
child
32. Shorthand for background property
-webkit-
descendant
background: [color] [image] [repeat] [attachment] [position];
zero out
33. Wildcard (universal selector) to select all elements
Alpha
comma (,)
rel="stylesheet"
*
34. Prefix for linear gradient commands in Opera
-o-
http://html5shiv.googlecode.com/svn/trunk/html5.js
border: [width] [style] [color];
reset
35. #main li { color: green;} is an example of a _____ selector
descendant
class
href="<relative URL here>"
width
36. Three common CSS3 pseudo-classes: first-child - last-child - _______
only-child
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
margin
height
37. _____ measurements are recommended for font sizes
Relative
type
embedded styles
only-child
38. #main>p{ font-size: 11pt; } is an example of a ______ selector
reset
child
last
!important
39. These 'flavors' of selectors are often used by JavaScript
attribute selectors
visited
Box Model
multiple selectors
40. Two common pseudo-elements: ______ - first-line
only-child
first-letter
Pseudo-elements
rel="stylesheet"
41. HTML tag used for embedded styles
16
visited
<style>
padding
42. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
attribute
block
width
last
43. Keyword with 'background' that specifies if and how an image repeats
border: [width] [style] [color];
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
<li>
Chrome & Safari
44. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
embedded styles
position (with values: left, center, right, top, center, bottom)
Firefox
width
45. List alignments work best with ____ measurements
em
attribute
<li>
box-shadow
46. Default for the media attribute
external
16
screen
:focus pseudo-class
47. Tag used to bring CSS into a web page from an external source
link
descendant
descendant
rel="stylesheet"
48. border shorthand syntax
min-width
border: [width] [style] [color];
id
class
49. Two new box model properties in CSS3: border-radius and ________
comma (,)
box-shadow
!important
attribute selectors
50. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
media
Alpha
Relative
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