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