众所周知，在网页制作中。要想排版清新、布局自然、页面漂亮，适当使用CSS是非常必要的。那么，CSS到底有些什么作用和功能呢？我们在此探讨一下：
1.可以用CSS定义文字的大小及颜色，使之不受“查看→文字大小”的改变而改变。例如代码：
<STYLE type=text/css>
BODY {
FONT-FAMILY: 宋体； FONT-SIZE: 9pt;color:#cccccc
}
TD {
FONT-FAMILY: serif; FONT-SIZE: 10pt
}
</STYLE>
其中就定义了body中的字体为：宋体，大小为9pt，颜色为灰白色。而td中的字体为serif，大小为10pt。也许你很纳闷：双重定义的结果是怎么样 的？答案是就近原则，取最近的定义。
2.定义两段文字或者两行文字的距离。例如代码：
<P style=“MARGIN-BOTTOM:0px;MARGIN-TOP: 5px”>灰白人生欢迎你</p>
就表示这句话和其上面的距离为0px，和下面一段话的距离为5px。
3.综合使用CSS和滤镜可以定义出特效字体和效果，例如代码：
<style type=text/css>
.3dfont{
FILTER: glow(color=444444，strength=0) shadow(color=eeeeee，direction:135); POSITION:relative; WIDTH: 60%;font-size:12pt;FONT-FAMILY：楷体_GB2312
}
</style>
在网页的适当位置加入<font class=3dfont>扬子欢迎你</font>，其中“扬子欢迎你”的字样将带给你惊喜。
4.如果你在使用表格的时候需要框架，但是嫌使用table定义的框架太丑陋。那么也可以通过CSS定义风格表格框架。例如代码：
<style type=text/css>
.framered {
BORDER-BOTTOM: #444444 1px solid; BORDER-LEFT: #aaaaaa 1px solid; BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #aaaaaa 1px solid; FONT-SIZE: 9pt
}
.frametop {
BORDER-BOTTOM: #aaaaaa 0px solid; BORDER-LEFT: #444444 0px solid;BORDER-RIGHT: #aaaaaa 0px solid; BORDER-TOP: #444444 1px solid; FONT-SIZE: 9pt
}
</style>
在使用表格的时候只需要定义为<table class=framered……就可以看到风格的框架。如果你只是需要框架的上面(或左面加上面)，只须修改就可以实现。
另外，如果一个表格只有一个行，一个列。那么你可以在table和td定义不同的颜色，使整个结构看起来很有立体感。
5.运用CSS还可以适当安排图片，比如说如果想使用某张图片做背景，可以用CSS定义让该图片平铺，可向x方向平铺也可向y方向平铺。代码为：BACKGROUND-REPEAT: repeat；
6.用CSS定义左右边距也是一样使用排版的手段。例如代码：
<body leftmargin=0 topmargin=4>
就表示定义了整个版面在显示屏上面上面距离为4pt，左边为0pt。
7.在制作按钮以及文本输入框的时候，也可以用CSS使得具有自己特色。例如代码：
<INPUT class=account
maxLength=16 name=username
onmouseout=“this.style.color='#000000'”
onmouseover=“this.style.color='#3366cc'” size=12
style=“BACKGROUND-COLOR:rgb(255，255，255); BORDER-BOTTOM: 1px double; BORDER-LEFT: 1px double;BORDER-RIGHT:1px double;BORDER-TOP:1px double;COLOR:rgb(0，0，0); FONT-FAMILY: 新细明体，宋体， Arial;FONT-SIZE: 9pt”
padding-bottom1px？> </SPAN>
<INPUT name=Submit style=“BACKGROUND-ATTACHMENT: scroll;BACKGROUND-COLOR:#ffffff;BACKGROUND-POSITION: 0% 50%;BACKGROUND-REPEAT: repeat;BORDER-BOTTOM: rgb(0，0，0)1px dashed； BORDER-LEFT: rgb(0，0，0)1px dashed; BORDER-RIGHT:rgb(0，0，0)1px dashed； BORDER-TOP:rgb(0，0，0)1px dashed; FONT-SIZE: 9pt;HEIGHT: 18px; WIDTH: 57px” type=submit value=登陆>
其中就定义了文本输入框，长度为16pt，当鼠标移动到上面的时候颜色为黑色，鼠标移出的时候颜色为蓝色，大小为12pt，输入的字体为新细明体、 宋体、大小为9pt。
定义的按钮：背景色为白色，没有平铺，字体为9pt，厚度为18pt，宽度为57pt。
CSS的用途还将很多，由于本人能力和时间有限，现提出一些仅供参考。本文所有实例均可在我的个人站点找到：http://yangzitop.home.chinaren.com 。敬请来信批评指正！yangzi321@sina.com。