繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS2盒模型的3D示意图
- CSS样式表
- 推荐一篇利用th,colgroup,col定义表格样式
- 都是IE惹的祸多浏览器兼容问题
- dl,dt,dd制作的CSS垂直菜单
- 推荐css打造经典鼠标触发显示选项
- div+css中Class与ID的区别
- CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
- 让iframe自适应高度（支持xhtml）IE firefox兼容
- 实用的利用 CSS + <em>标签 来完成一个三角形的制作
- CSS控制文本自动换行的问题
- 把 CDATA 中的内容（有可能是不规范的Html代码）以Html方式展现出来。
- 仿客齐集首页导航条DIV+CSS+JS [代码实例]
- 关于margin-left的示例代码
- CSS优化2-(常用CSS缩写语法总结)
- font和line-height之CSS代码书写顺序不同，导致显示效果不一样
- 推荐三种简洁的Tab导航（网页选项卡）简析
- 用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！
- 解决IE5/IE5.5/IE6/FF的兼容性问题——CSS
- CSS2实现的隔行换色
- CSS中几种常见的注释
- dhtml shtml xhtml的区别解析
CSS样式表 中的 CSS2盒模型的3D示意图
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 322 ::
收藏到网摘: n/a
CSS2中的盒模型是关系到我们排版定位的关键，例如<div>就遵循盒模型规范。盒模型定义的margin，background-color，background-image，padding ，content，border，初学者经常会搞不清楚它们之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图，希望便于你的理解和记忆。
原图出自：hicksdesign
需要说明的是：IE和Mozilla浏览器对盒模型的解释不一致，造成我们定位上的困难，主要差别是：
- IE计算2个div之间的距离时候，会把1px的border计算在内，而mozilla没有；
- 设定div的宽度后，如果给padding加一个值，IE会在宽度内减去这个值，而M ozilla会在宽度基础上加上这个值。
评论 (0) All
