1、首先，把CSS文档放到<head>文档中：<style type=“text/css”> …… </style> ；其中<style>中的“type=‘text/css’”的意思是<style>中的代码是定义样式表单的。然后把CSS样式表写在HTML的行内，比如下面的代码： <p style=“font-size：14pt；color：blue”>蓝色14号文字</p> ；这是采用<Style=“ ”>的格式把样式写在html中的任意行内，这样比较方便灵活。
2、其次，把编辑好的CSS文档保存成“.CSS”文件，然后在<head>中定义。定义的格式是这样的；<head> <link rel=stylesheet href=“style.css”> …… </head> ，我们看到这里应用了一个<Link>，“rel=stylesheet”指连接的元素是一个样式表（stylesheet）文档。一般这里是不需要改动的。而后面的“href=‘style.css’”指的是需要连接的文件地址。只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减少了大量的冗余代码。
