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