设为首页
收藏本站
本站论坛
   
3
3
   
  文章列表      

5.使用CSS控制整体格式

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文件里做修改就可以使所有加了以上代码的网页自动更新了!

  6.使用表格定位

  想要一张整齐的网页需要做定位工作,有人使用<DIV>和<SPAN>标记,但实际上套用表格更简单一些,虽然精确度不及前者。很多大的站点都使用表格来定位文字和图片,制作时很直观,效果不错。但值得注意的是,当你的页面很大的时候,千万别在整个网页上用一个大的表格套很多小表格!因为如果浏览器在接受数据时发现表格,就必须知道表格的结构,也就是说要把整张表格的内容都接受完毕才显示其内容,之前会给浏览者一张“白板”看,很多人因为没耐心等待而转去看其他站点了。所以分用几个小表格,让他们可以分别显示,收到多少显示多少,浏览者可以在等待的时候看先收到的部分,这样一来就增加了浏览者继续等待的信心。但是你觉得分别显示页面会破坏整体的美感,那就用大表格吧!^_^

  7.站点地图

  即使导航栏条理分明,结构合理,但对于内容较多的站点来说,还是做一份站点的导航地图,才对得起访客。在站点地图里,你可以详细的介绍素有的栏目,以及每个栏目里分别包括些什么小栏目或是含有什么样的具体内容,应该尽力写得详实明了,让人有一目了然的感觉才达到我们的目的,不要担心版面不够,因为整个地图版面存在的理由就在于此(如果没有起到它应起的作用,还不如不要呢)。
> >
 
 
   
 
网上赚钱申请指南
 

友情链接
个人主页
 
 
 
 

wel come to . 欢迎光临
宇宙浪仔