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