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