1、外部样式表。我们可以单独做一个样式文件，所有的网页从这个样式表引入，这样能够节约大量的代码空间，大大提升网页打开的速度，优化网页使用体验。<head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head>
3、样式表可以在文本文档进行任意的编辑，从而让样式表可以具备极强的可变性。一个样式表例子。我们在这个例子中定义了颜色、边距、背景图像等等。hr {color: sienna;} p {margin-left: 20px;} body {background-image: url("images/0.gif");}
4、内部样式表。有些样式仅仅在一个网页当中发生作用，我们在这个时候就要对于这个样式表进行一个单独的定义，这就是内部样式表。它的一个标志就是style语句。<head><style type="text/css"> hr {color: sienna;} p {margin-left: 20px;} body {background-image: url("images/0.gif");}</style></head>
5、内联样式。这是一种特殊的样式表方式，通过这样的一个语句可以让样式表与内容结合在一起，它的缺点就是样式表的一次使用机会。<p style="color: sienna; margin-left: 20px"> This is a h </p>
