网页制作免费教程站—个人网页 建站教程 建站资源 免费建站资源 个人网页制作教程 个人网页制作 ——网页制作与网页设计教程网

域名注册 - 虚拟主机 - 企业邮局 - 网页制作 - 网站推广 - 服务器租用
关键字: - 设置首页 - 加入收藏
业界新闻 建站指南 网页制作 动画制作 网页特效 网络编程 书籍教程 网页素材 视频教程
苏菜 豫菜 辽菜 滇菜 鄂菜 东北菜 客家菜 淮扬菜 海派菜
满汉全席 川菜 粤菜 湘菜 京菜 鲁菜 潮州菜 闽菜 火锅 徽菜 海鲜 浙菜 山珍

超值套餐A型

110M 送cn

超值套餐B型

220M 送cn

超值套餐C型

350M 送cn

超值套餐D型

450M 送cn

超值套餐E型

300M 送com

超值套餐F型

400M 送com

超值套餐G型

500M 送com

超值套餐H型

600M 送com


正确认识html与body


2007-3-12 18:34:44 来源:本站 评论:


标准与非标准模式

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下级的一个容器而已,这样定义会看的更清楚:

 

 

定位参照

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

根据这个特性很容易把层覆盖在body上,具体参考CSS构建iframe效果

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


相关文章
正在读取…
我也评两句

   


最新虚拟主机分类
个人经典型 企业商务型
精品论坛型
PHPWind论坛型 Discuz论坛型
精品网店型
Shopex网店型 ecshop网店型
CMS专用型
Dedecms专用型 php168专用型
Phpcms专用型  
Flash Remoting虚拟主机
ColdFusion,BlueDragon虚拟主机
DotNetNuke虚拟主机