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

延伸阅读