相关文章
龙腾网界
网页设计网站怎样获得稳定的流量
北京网站制作做一名成功推销员的密笈
北京网站建设蔫老虎在线历史与平生一笑的出走看网站养成
北京网站制作网赚,我这样拉下线
网站建设为什么网站项目只需要5个人来做测试？
网站设计郭姐看网络之：从文化衫谈网站品牌
网站设计论坛：如何提高BBS的访问量
网页设计网站管理维护过程中不要犯的十大错误
www.qitongnet.com第一笔网站优化业务公关经验总结
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站建设 >> 网页设计建站全攻略(6)
网页设计建站全攻略(6)
作者： 北京网站建设 日期：2008-03-27 06:04:51 来源： http://www.qitongnet.com
5 北京网站制作．使用CSS控制整体格式北京网站建设 网站制作
网站建设
CSS（Cascading Style sheets，层叠样式表）是为网站制作者带来福音的好东东！它最大的特点是可以使网页的内容和结构版面控制相脱离，大量的减少网页中重复使用的HTML代码，从而减小网页的体积，这对于在网上传输是非常有利的。同时CSS可以使用外接*.CSS文件的方法使一次性修改大批量的网页成为可能，这就意味着你可以经常地改变网站的界面（包括文字、色彩、背景图片等），而每次只需要上传一个体积很小的CSS文件就行了！北京网站设计
北京网页设计
所以，笔者在这里极力向大家推荐使用！接着就简单扼要地介绍常用功能。北京网页设计
网页设计
具体方法：网页设计
北京网站设计
新建一个文本文件，打开，输入：网站建设
北京网站设计
body {北京网页设计
企通互联
font-size: 10pt; //<body>标记里的字体大小为10pt；北京网站建设
网站设计
background-color: rgb(255,255,255); //网页背景颜色为白色；北京网页设计 www.qitongnet.com
北京网站设计
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文件里做修改就可以使所有加了以上代码的网页自动更新了！网站设计
网站设计
网站建设
CSS（Cascading Style sheets，层叠样式表）是为网站制作者带来福音的好东东！它最大的特点是可以使网页的内容和结构版面控制相脱离，大量的减少网页中重复使用的HTML代码，从而减小网页的体积，这对于在网上传输是非常有利的。同时CSS可以使用外接*.CSS文件的方法使一次性修改大批量的网页成为可能，这就意味着你可以经常地改变网站的界面（包括文字、色彩、背景图片等），而每次只需要上传一个体积很小的CSS文件就行了！北京网站设计
北京网页设计
所以，笔者在这里极力向大家推荐使用！接着就简单扼要地介绍常用功能。北京网页设计
网页设计
具体方法：网页设计
北京网站设计
新建一个文本文件，打开，输入：网站建设
北京网站设计
body {北京网页设计
企通互联
font-size: 10pt; //<body>标记里的字体大小为10pt；北京网站建设
网站设计
background-color: rgb(255,255,255); //网页背景颜色为白色；北京网页设计 www.qitongnet.com
北京网站设计
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文件里做修改就可以使所有加了以上代码的网页自动更新了！网站设计
上一篇：网站建设建站全攻略(8)
下一篇：网站制作建站全攻略(5)
