用CSS美化页面

众所周知,在网页制作中。要想排版清新、布局自然、页面漂亮,适当使用CSS是非常必要的。那么,CSS到底有些什么作用和功能呢?我们在此探讨一下:
   1.可以用CSS定义文字的大小及颜色,使之不受“查看→文字大小”的改变而改变。例如代码:
  
   其中就定义了body中的字体为:宋体,大小为9pt,颜色为灰白色。而td中的字体为serif,大小为10pt。也许你很纳闷:双重定义的结果是怎么样 的?答案是就近原则,取最近的定义。
   2.定义两段文字或者两行文字的距离。例如代码:
  

灰白人生欢迎你


   就表示这句话和其上面的距离为0px,和下面一段话的距离为5px。
   3.综合使用CSS和滤镜可以定义出特效字体和效果,例如代码:
  
   在网页的适当位置加入扬子欢迎你,其中“扬子欢迎你”的字样将带给你惊喜。
   4.如果你在使用表格的时候需要框架,但是嫌使用table定义的框架太丑陋。那么也可以通过CSS定义风格表格框架。例如代码:
  
   在使用表格的时候只需要定义为    另外,如果一个表格只有一个行,一个列。那么你可以在table和td定义不同的颜色,使整个结构看起来很有立体感。
   5.运用CSS还可以适当安排图片,比如说如果想使用某张图片做背景,可以用CSS定义让该图片平铺,可向x方向平铺也可向y方向平铺。代码为:BACKGROUND-REPEAT: repeat;

6.用CSS定义左右边距也是一样使用排版的手段。例如代码:
  
   就表示定义了整个版面在显示屏上面上面距离为4pt,左边为0pt。
   7.在制作按钮以及文本输入框的时候,也可以用CSS使得具有自己特色。例如代码:
      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?>
   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。