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