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