亿科信息是提供专业网站建设,网站制作的武汉网络公司,专业做网站

RSS
热门关键字:  网站制作  网站建设  做网站  vms  神州数码
当前位置 :| 亿科信息>>教程资料>>网站建设>>

网站建设从入门到进阶

字体:[ ] 来源:网络 时间:2008-07-29 Tag:网站建设   攻略   点击:

  每个从事网站建设的朋友,都必须经历从入门到进阶演化的过程,今天我们就来学习以下方法:

       使用CSS控制整体格式

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

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

  具体方法:

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

  body {

  font-size: 10pt; //标记里的字体大小为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代码里的和之间加上:

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


上一篇:网站建设从无知到入门
下一篇:没有了
最新评论共有 1 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
热门标签
做网站(1)   微软(83)   Flash(21)   中国(45)   it(23)   域名(39)   相约去看海(1)   飞思设计工作室(1)   雅虎(54)   谷歌(43)