Embedded Files
Home > Chapter Review and Exercises > Chapter 11 - Intro to CSS > End of Chapter 11 Test Yourself section
End of Chapter 11 Test Yourself section
End of Chapter 11 Test Yourself section
1. Identify the various parts of this style rule:
blockquote { line-height: 1.5; }
selector: ______________
value: ____________________
property: _____________
declaration: ________________
2. What color will paragraphs be when this embedded style sheet is applied to a document? Why?
<style type="text/css">
p { color: purple; }
p { color: green; }
p { color: gray; }
</style>
3. Rewrite each of these CSS examples. Some of them are completely incorrect, and some could just be written more efficiently.
3.a.
p {font-family: sans-serif;}
p {font-size: 1em;}
p {line-height: 1.2em;}
3.b.
blockquote {
font-size: 1em
line-height: 150%
color: gray }
3.c.
body
{background-color: black;}
{color: #666;}
{margin-left: 12em;}
{margin-right: 12em;}
3.d.
p {color: white;}
blockquote {color: white;}
li {color: white;}
3.e.
<strong style="red">Act now!</strong>
4. Circle all the elements that you would expect to appear in red when the following style rule is applied to a document with the structure diagrammed here.
div#intro { color: red;}
Report abuse