您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具（Frontpage、Ultraedit等），都可以用来编辑CSS文档。
一种是把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中的任意行内，这样比较方便灵活。 还有一种方法是：把您编辑好的CSS文档保存成“.CSS”文件，然后在<head中定义。定义的格式是这样的：<head <link rel=stylesheet href=“style.css” …… </head
我们看到这里应用了一个<Link，“rel=stylesheet”指连接的元素是一个样式表（stylesheet）文档。一般这里是不需要您改动的。
而后面的“href=‘style.css’”指的是需要连接的文件地址。您只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减少了大量的冗余代码。
下一章我们将进入CSS的具体知识的学习，我们将先从最基本的属性开始讲起。
内嵌样式表<STYLE type="text/css">
选择符 { 样式属性：取值样式属性：取值...}
</STYLE>
外部样式表
写好了样式之后保存为后缀.css的文件
再在你要引用的HTML文件的<HEAD></HEAD>标签内写上引用语句
<LINK rel="stylesheet" href="该文件的名称(包括路径)" type="text/css">
行内样式
在要加入的行的表签内写 style="同上"
1、打开WebContent文件。
2、导入自己的css文件。
3、创建自己的jsp文件。
4、添加引用css文件的代码。
5、<link href="<%=request.getContextPath()%>/css/css.css" rel="stylesheet">(可复制使用,复制以后路径要进行修改) ，标红的地方是css文件路径，填对自己的路径。
6、还可以导入自己喜欢的图片到img文件。
7、打开css.css文件，编辑将图片名称，输入至该位置。
