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