我的一亩三分地 我就喜欢!
13fen  设为主页
 收藏本站
 
当前位置: > 一亩三分地:首页 > 网络学院 > 网页设计 > Html/Css > 正确认识html与body
热门文章排行
热门文章排行 网页上传常见问题分析(11-24)
五彩缤纷建网页(一)(10-11)
五彩缤纷建网页(二)(10-11)
五彩缤纷建网页(三)(10-11)
五彩缤纷建网页(四)(10-11)
精采文章排行
精采文章排行 网页技巧二十例(11-13)
模仿QQ和MSN消息提示的效果(11-13)
根据分辨率不同调用不同的css文件(11-13)
Dreamweaver 基础 :DW的"文档"工具(11-01)
Dreamweaver 基础 :DW的"文档"窗口(11-01)
技术专题推荐
网管论坛交流
 

正确认识html与body 

作者:佚名   来源:Linux 宝库   点击:   日期:2006-12-07


-->

标准与非标准模式


standard模式后,定义和解析将更加严格,所有定义必须从顶级标签html开始。


可以理解为传统非standard模式定义body的用法,standard模式下都必须在html上定义。


高度100%的意义


认为standard模式下定义容器高度100%无效,是错误的理论。


如果需要body内的容器有100%高度,必须先定义body高度100%。


html与body的默认值


1. IE6.0环境下html默认有2层border的内嵌效果,FF1.5环境下默认则没有,这是IE6.0定义border:0前后效果:



2. IE6.0和FF1.5环境下的body都有一定的margin值,具体多少有细微差别,这是默认在两种客户端效果:



3. IE6.0环境下html默认就是100%高度,body则不是;FF1.5环境下html和body高度默认都不是100%,需要自定义。


一般情况下统一默认的方案:




html { height:100%; border:0;}
body { height:100%; margin:0;}




滚动条的设置


可以这么认为,非standard模式页面的默认滚动条是body的,而standard则是html的。


standard模式下的body默认就没有滚动条,只是html下级的一个容器而已,这样定义会看的更清楚:




html { background:#ccc; height:100%; border:0; overflow:scroll;}
body { background:#f00; height:100%; margin:0; overflow:scroll;}




定位参照


相同的道理,standard模式下当使用position方法的时候,其定位参照肯定是html,而不是非standard模式的body。





文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   相关文章:
·在状态栏中实现活动文字效果 ·DW+ASP玩转动态二级菜单
·鼠标事件的基础和完美实现 ·DW滑动菜单的制作
·网页里震动的效果怎么做 ·灵活运用DREAMWEAVER的SITE功能

   文章评论:(条)
  
 请留名: 匿名评论   点击查看所有评论 网管论坛
 

  责任编辑:一分  声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。