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