易截截图软件、单文件、免安装、纯绿色、仅160KB

【DIV+CSS入门教程】二、使用Table布局是不明智的

使用Table布局页面为什么是不明智的?
大家看到标题,不要误解认为在页面中不能使用Table,而是可以
使用Table,但是尽量不要用Table去布局页面,为什么这么说呢,因为使用Table布局页面会使页面失去灵活性,怎么个灵活法呢,比如今天你好不
容易做出来的页面,第二天老板说我不喜欢登录模块放到右边,还是放到左边,通知板块放到右侧去,页面风格最好一个月换一种,如果遇到这种老板,提出这种要
求,并且你的页面是用Table布局的,那么你会崩溃的,工作量那是大大滴~,如果不相信的话,你们自己可以找个页面,用Table布局出来,然后变换板
块和风格,你就会体会到Table布局的不灵活性,这是为什么呢,因为Table的诞生是为存储数据用的,功能和Execel差不多,不是用来布局用的,
只不过后来大家发现用Table可以把想放的页面元素,比如图片,放到任何自己想放的地方,且做出来的页面可以兼容多种浏览器,于是Table就承担起了
布局页面的重担,这一做就是好几年... ...直到Web
2.0
时代的到来,Table才从布局页面的工作中逐渐解脱,专心的去存储数据^_^
    既然Table是为存储数据诞生
的,那谁的诞生是为了页面布局
呢?
    答案就是:DIV
,DIV就是为布局页面而诞生的,只不过一直不被人认同,原因就是DIV去布局
页面需要CSS
的配
合,使用比较繁琐,还不如Table拖拖拽拽页面就布局OK了,感觉还不如Table方便,从而DIV被人们放置在一个无人问津的昏暗角落里,暗暗的等待
着伯乐的出现,直到2003年美国加州Scott
Design公司参加了在旧金山举办的有关网页排版和设计的一个研讨会上的演讲,使DIV看到了阳光,走出了阴霾... ...
    说
了那么多,我们对比一下Table布局页面和DIV布局页面的优缺点
使用表格进行页面布局会带来很多问题:
*
把格式数据混入你的内容中。这使得文件的大小无谓地变大,而用户访问每个 页面时都必须下载一次这样的格式信息,带宽并非免费。
*
这使得重新设计现有的站点和内容极为消耗劳力 (且昂贵)。
* 这还使我们保持整个站点的视觉的一致性极难,花费也极高。
*
基于表格的页面还大大降低了它对残疾人和用手机或 PDA 浏览者的亲和力。
而使用CSS进行网页布局
,它
会:
* 使你的页面载入得更快
* 降低你的流量费用
* 让你在修改设计时更有效率而代价更低
*
帮助你的整个站点保持视觉的一致性
* 让你的站点可以更好地被搜索引擎找到
* 使你的站点


相关文档:

网页滚动条CSS样式

滚动条样式主要涉及到如下CSS属性:
overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容
overflow: auto; 在需要时内容会自动添加滚动条
overflow: scroll; 总是显示滚动条
overflow-x: hidden; 禁止横向的滚动条
overflow-y: scroll; 总是显示纵向滚动条
width: 568px; width: 98%; 设置区域的 ......

yui学习笔记(二) 使用css工具保持一致性

四个css工具:fonts,grids,reset,base
使元素标准化的reset.css
以下普通而常用的元素都将margin和padding值标准化到0
the document body
div and p 
所有list 元素:dl,dt,dd,ul,ol,li
标题级元素:h1,h2,h3,h4,h5,h6
pre和blockquote元素
某些表单元素:form,fieldset,input,textarea
table元素:t ......

DIV CSS网页布局兼容性的要点与诀窍总

IE vs FF
CSS 兼容要点:DOCTYPE 影响 CSS 处理
FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一 ......

div+css学习1

区别span div p 三个标签的用法
span和div的不同之处在于span是内联的,用在一小块的内联HTML中,前后不断行.
div元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码。
p(段落)元素是块级的,前后断行,而且还要再隔一行.相当于断两行.
<div> 可定义文档中的分区或节(division ......

兼容IE各版本的纯CSS二级下拉菜单

这是一个标准的CSS下拉菜单制作教程,有针对目前流行的IE6/IE7/IE8不同版本的CSS代码,因此可以在IE之间完全兼容,不过其它的浏览器像火狐/GG浏览器之类的没有测试,如果兼容IE8的话,那么兼容火狐应该问题不大吧。菜单使用蓝色基调,滑向二级菜单更换背景,操作的感觉很舒服。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XH ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号