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

延伸阅读