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