建站全攻略(6)
点击次数：26 次 发布日期：2008-11-16 10:42:26 作者：源代码网
|
5．使用CSS控制整体格式 CSS（Cascading 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; //表头背景色为RGB：FFFFFF； 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文件里做修改就可以使所有加了以上代码的网页自动更新了！ 源代码网供稿. |
