7.综合在一起

你应该已经在HTML初级教程的综合中创作了一个HTML文档，而且在CSS初级教程的开始中增加了一行，用以把HTML文档和CSS文档联系起来。

下面的代码包括了所有我们在初级教程中所学习的方法。只要你把下面的保存起来作为CSS文档，然后在浏览器中查看HTML文档，你就可以理解

每一个CSS的属性的表现和怎么应用。最好的方法就是花费时间修改CSS文档和HTML文档上的代码，然后在浏览器中查看到底发生了什么。

body {
       font-family: arial, helvetica, sans-serif;
       font-size: 80%;
       color: black;
       background-color: #ffc;
       margin: 1em;
       padding: 0;
}
p {
       line-height: 1.5em;
}
h1 {
       color: #ffc;
       background-color: #900;
       font-size: 2em;
       margin: 0;
       margin-bottom: 0.5em;
       padding: 0.25em;
       font-style: italic;
       text-align: center;
       letter-spacing: 0.5em;
       border-bottom-style: solid;
       border-bottom-width: 0.5em;
       border-bottom-color: #c00;
}
h2 {
       color: white;
       background-color: #090;
       font-size: 1.5em;
       margin: 0;
       padding: 0.1em;
       padding-left: 1em;
}
h3 {
       color: #999;
       font-size: 1.25em;
}
img {
       border-style: dashed;
       border-width: 2px;
       border-color: #ccc;
}
a {
       text-decoration: none;
}
strong {
       font-style: italic;
       text-transform: uppercase;
}
li {
       color: #900;
       font-style: italic;
}
table {
       background-color: #ccc;
}