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)
general sibling (new to CSS3)
<style>
descendant
em
2. _______ Memory Aid: TRBL ('trouble' = top, right, bottom, left)
attribute
Box Model
screen
class (.)
3. 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
4. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
box-shadow
link
media
user style sheet
5. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
min-width
attribute selectors
only-child
width
6. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)
embedded styles
border: [width] [style] [color];
class
id
7. 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
id
clickable
*
block
8. There are ____ descriptive color names
16
type
box-shadow
pseudo-classes
9. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
Chrome & Safari
class
Firefox
media
10. _____ measurements are recommended for font sizes
background: [color] [image] [repeat] [attachment] [position];
*
attribute
Relative
11. An HTML element may be a selector (<p> for example). This is known as a rule that selects by ______
*
type
pseudo-class
position (with values: left, center, right, top, center, bottom)
12. Three ways to specify colors in traditional CSS:color name - RGB - _______
last
zero out
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
HEX code
13. border shorthand syntax
pseudo-class
href="<relative URL here>"
border: [width] [style] [color];
padding
14. Wildcard (universal selector) to select all elements
border: [width] [style] [color];
min-width
-webkit-
*
15. The p.highlight selector is more _____ than the .highlight selector
border: [width] [style] [color];
padding
specific
clickable
16. 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>)
comma (,)
http://html5shiv.googlecode.com/svn/trunk/html5.js
:focus pseudo-class
17. What does this do? padding: 2px, 4px, 6px, 8px;
background: [color] [image] [repeat] [attachment] [position];
type
pseudo-classes
Nothing! the values are not comma separated (delimited)
18. #main { padding: 1em;} is an example of a selector made by _____
em
id
-moz-
#F9A
19. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
<li>
Pseudo-classes
box-shadow
first-letter
20. Shorthand border syntax
height
border: [width] [style] [color];
screen
descendant
21. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
class (.)
attribute
last
width
22. h2~p { margin-left: 2em; } is an example of a ______ selector
general sibling (new to CSS3)
embedded styles
!important
clickable
23. Two common pseudo-elements: ______ - first-line
first-letter
-o-
border: [width] [style] [color];
!important
24. To mark a rule so that it will override any other rules
attribute selectors
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
!important
general sibling (new to CSS3)
25. Three ways to code CSS3 colors: _____ - HSL - HSLA
attribute
screen
a img {border: none;}
RGBA
26. Shortcut HEX code for #FF99AA
margin
#F9A
link
id
27. HTML tag used for embedded styles
class (.)
multiple selectors
http://html5shiv.googlecode.com/svn/trunk/html5.js
<style>
28. #main li { color: green;} is an example of a _____ selector
collapsed
descendant
height
Pseudo-classes
29. 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
min-width
collapsed
zero out
type
30. A rule to remove bullets from a list
ul{ list-style: none;}
16
height
box-shadow
31. [ ] are indicative of _______ selectors
type
Lightness
attribute
block
32. 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
padding
width
height
child
33. ________ are selectors that let you select a portion of text
Nothing! the values are not comma separated (delimited)
Pseudo-elements
descendant
padding
34. These 'flavors' of selectors are often used by JavaScript
attribute selectors
last
Lightness
width
35. HSLA: Hue - Saturation - Lightness - _____
block
descendant
width
Alpha
36. HSL: Hue - Saturation - ______
block
specific
id
Lightness
37. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers
http://html5shiv.googlecode.com/svn/trunk/html5.js
a img {border: none;}
RGBA
background: [color] [image] [repeat] [attachment] [position];
38. .right {text-align: right;} is an example of a selector made by _______
class
attribute selectors
background: [color] [image] [repeat] [attachment] [position];
descendant
39. CSS is a special language used just for _____
HEX code
formatting
only-child
box-shadow
40. The 'external' space or 'force field' between an element & it's containing element
collapsed
border: [width] [style] [color];
margin
min-width
41. The default width of an element:As wide as the ______ that contains it
type
block
clickable
border: [width] [style] [color];
42. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin
height
multiple selectors
ul{ list-style: none;}
href="<relative URL here>"
43. Shorthand for background property
background: [color] [image] [repeat] [attachment] [position];
Nothing! the values are not comma separated (delimited)
Lightness
external
44. Keyword with 'background' that specifies the initial horizontal and vertical positions of an image
position (with values: left, center, right, top, center, bottom)
Chrome & Safari
general sibling (new to CSS3)
collapsed
45. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
HEX code
media
collapsed
pseudo-class
46. The delimiter symbol for multiple selectors for the same rule set
comma (,)
box-shadow
block
:focus pseudo-class
47. Prefix for linear gradient commands in Safari & Chrome
HEX code
-webkit-
background-image: linear-gradient(direction, color %, color %, ...);
RGBA
48. _______ are predefined classes that apply to specific conditions
Pseudo-classes
Lightness
block
pseudo-class
49. A rule to remove a hyperlink border from around an image hyperlink
id
a img {border: none;}
screen
adjacent sibling
50. Five common CSS pseudo classes:link - _______ - active - hover - focus
width
padding
-moz-
visited
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