使用CSS控制整体格式
                                
作者:黄宝骅/太平洋网络学院


 CSSCascading Style sheets,层叠样式表)是为网站制作者带来福音的好东东!它最大的特点是可以使网页的内容和结构版面控制相脱离,大量的减少网页中重复使用的HTML代码,从而减小网页的体积,这对于在网上传输是非常有利的。同时CSS可以使用外接*.CSS文件的方法使一次性修改大批量的网页成为可能,这就意味着你可以经常地改变网站的界面(包括文字、色彩、背景图片等),而每次只需要上传一个体积很小的CSS文件就行了!

所以,笔者在这里极力向大家推荐使用!接着就简单扼要地介绍常用功能。

具体方法:

新建一个文本文件,打开,输入:

body              {

       font-size: 10pt;       //<body>标记里的字体大小为10pt

       background-color: rgb(255,255,255);     //网页背景颜色为白色;

       background-image: url('back.gif')         //背景图片为与网页同一目录下的“back.gif”;

       }

table        {

       border: 0;           //表格的边框隐藏;

       width: 100%;           //表格宽度为100%

       text-align: left;          //表格文本对齐方式为靠左;

       }

th           {

              font-size: 11pt;              //表头字体为11pt,较普通字体稍大;

              color: FFFFFF; //表头背景色为RGBFFFFFF

              text-align: center;    //表头文本队旗方式为居中;

       }

a              {text-decoration: none}    //链接无下划线;

a.visited       {color: rgb(153,52,43);}       //点击过的链接的颜色;

a.active       {color: rgb(153,0,255);}       //点击着的链接的颜色;

A.hover {

       COLOR: #ffba75;                          //鼠标经过时链接的颜色;

       TEXT-DECORATION: underline //鼠标经过时链接加下划线;

       }

完成后,选择“文件”菜单的“另存为”,在对话框的“文件名”中输入“base.css”,“文件格式”里选“*.*”,于是,外接的CSS层叠样式表就写好了。

接着,在网页的HTML代码里的<head></head>之间加上:

<link href="base.css" rel="stylesheet" type="text/css">

保存退出。以后只要在CSS文件里做修改就可以使所有加了以上代码的网页自动更新了!