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. In order of most to least specificity by selector type: id, (class, attribute, _____), (element or pseudo-element)
only-child
Box Model
pseudo-class
Lightness
2. Shorthand border syntax
border: [width] [style] [color];
Pseudo-classes
margin
user style sheet
3. The default width of an element:As wide as the ______ that contains it
Relative
href="<relative URL here>"
first-letter
block
4. Attribute specifying the location of an external style sheet
child
-o-
formatting
href="<relative URL here>"
5. The ____ attribute is used to specify the platform that the style sheet is for (mobile - print etc)
media
pseudo-class
external
pseudo-classes
6. Three ways to code CSS3 colors: _____ - HSL - HSLA
padding
RGBA
height
Alpha
7. Two new box model properties in CSS3: border-radius and ________
background-image: linear-gradient(direction, color %, color %, ...);
specific
last
box-shadow
8. Rule to remove underlining in a hyperlink that hasn't yet been visited
first-letter
a:link{text-decoration: none;}
id
external
9. 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
-o-
background-image: linear-gradient(direction, color %, color %, ...);
width
Nothing! the values are not comma separated (delimited)
10. h2+p { margin-top: .5em} is an example of a _____ selector
link
href="<relative URL here>"
first-letter
adjacent sibling
11. Prefix for linear gradient commands in Opera
height
-o-
screen
attribute
12. Four 'flavors' of relational selectors: ________ - adjacent sibling - child (not supported by some older browsers like IE6) - general sibling (new to CSS3)
rel="stylesheet"
descendant
attribute
Chrome & Safari
13. List alignments work best with ____ measurements
class
HEX code
em
http://html5shiv.googlecode.com/svn/trunk/html5.js
14. Three ways to specify colors in traditional CSS:color name - RGB - _______
rel="stylesheet"
<li>
HEX code
visited
15. If a bottom margin encounters an adjacent top margin they are _____ and the larger margin is applied
em
collapsed
HEX code
specificity
16. HTML tag used for embedded styles
last
!important
<style>
pseudo-classes
17. Prefix for linear gradient commands in Firefox
-moz-
attribute
box-shadow
background: [color] [image] [repeat] [attachment] [position];
18. Backwards compatibility for ________ & rounded corners & shadows -moz-border-radius & -moz-box-shadow
background-image: linear-gradient(direction, color %, color %, ...);
#F9A
-moz-
Firefox
19. #main { padding: 1em;} is an example of a selector made by _____
block
id
class
margin
20. The colon (:) is indicative of __________
pseudo-classes
margin
Lightness
type
21. What does this do? padding: 2px, 4px, 6px, 8px;
collapsed
Nothing! the values are not comma separated (delimited)
comma (,)
!important
22. box-shadow syntax: _________: horzOffset vertOffset blurRadius spread color; (not comma separated)
#F9A
box-shadow
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
child
23. 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
background-image: linear-gradient(direction, color %, color %, ...);
only-child
unordered (<ul>)
border: [width] [style] [color];
24. 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
25. _______ Memory Aid: TRBL ('trouble' = top, right, bottom, left)
background-image: linear-gradient(direction, color %, color %, ...);
Box Model
screen
-webkit-
26. * [ href ] { font-size: 95%; } is an example of a(n) _____ selector
child
-moz-
attribute
embedded styles
27. _____ measurements are recommended for font sizes
RGBA
Relative
attribute
user style sheet
28. Two common pseudo-elements: ______ - first-line
attachment (with values of 'scroll' or 'fixed')
specific
width
first-letter
29. Use this 'flavor' of selector if you want to target multiple elements on a page with the same styling
#F9A
background: [color] [image] [repeat] [attachment] [position];
collapsed
class (.)
30. Height of a box: top margin + top border + top padding + ______ + bottom padding + bottom border + bottom margin
link
-o-
block
height
31. Shorthand for background property
Lightness
background: [color] [image] [repeat] [attachment] [position];
type
16
32. Backwards compatibility for __________ & shadows -webkit-box-shadow
Chrome & Safari
box-shadow
attachment (with values of 'scroll' or 'fixed')
Pseudo-elements
33. URL for bringing in a JavaScript 'shiv' or 'shim' for elements to be used in older browsers
descendant
rel="stylesheet"
http://html5shiv.googlecode.com/svn/trunk/html5.js
Box Model
34. Three ways to provide styles: external style sheet - ________- style attributes applied to a single element (inline)
embedded styles
media
<style>
-o-
35. _______ are predefined classes that apply to specific conditions
Pseudo-classes
*
href="<relative URL here>"
external
36. h2~p { margin-left: 2em; } is an example of a ______ selector
last
child
general sibling (new to CSS3)
specific
37. Width of a box: left margin + left border + left padding + _____ + right padding + right border + right margin
Pseudo-elements
width
margin
Pseudo-classes
38. Default for the media attribute
margin
screen
unordered (<ul>)
specificity
39. border shorthand syntax
multiple selectors
border: [width] [style] [color];
margin
em
40. #main li { color: green;} is an example of a _____ selector
multiple selectors
unordered (<ul>)
descendant
-o-
41. HSLA: Hue - Saturation - Lightness - _____
embedded styles
block
Alpha
visited
42. 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
Pseudo-classes
<style>
43. 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 ______
-webkit-
zero out
general sibling (new to CSS3)
:focus pseudo-class
44. HSL: Hue - Saturation - ______
descendant
visited
padding
Lightness
45. Keyword with 'background' that specifies if and how an image repeats
repeat (values: repeat, repeat-x, repeat-y, no-repeat)
general sibling (new to CSS3)
user style sheet
box-shadow
46. Attribute for an external style sheet
Firefox
width
rel="stylesheet"
ul{ list-style: none;}
47. These 'flavors' of selectors are often used by JavaScript
!important
child
attribute selectors
<li>
48. ________ are selectors that let you select a portion of text
Pseudo-elements
pseudo-class
comma (,)
<li>
49. .right {text-align: right;} is an example of a selector made by _______
class
href="<relative URL here>"
http://html5shiv.googlecode.com/svn/trunk/html5.js
attribute
50. Some users with special needs may have set up a ______ which have a higher ranking in the 'cascade'
width
type
HEX code
user style sheet
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