你应该已经在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;}