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