CSS入门6：CSS盒模型--css样式

CSS2盒模型

CSS2中的盒模型是关系到设计中排版定位的关键，任何一个选择符都遵循盒模型规范，例如<div>、<p>、<a>……盒模型包含
(外补丁)margin，(背景颜色)background-color，(背景图片)background-image，(内补丁)padding ，(内容)content，(边框)border。
下图是CSS盒模型的示意图



平面示意图

3D示意图(原图出自：hicksdesign)

www.jluvip.com/blog/flash/box_model.swf
Flash示意模型

需要说明的是：IE和Mozilla浏览器对盒模型的解释不一致，造成我们定位上的困难，主要差别是：

IE计算2个div之间的距离时候，会把1px的border计算在内，而mozilla没有；
设定div的宽度后，如果给padding加一个值，IE 5.x会在宽度内减去这个值，而IE 6 & M ozilla会在宽度基础上加上这个值。

[JS]详尽解析window.event对象 2006-4-28

可以自由拖动菜单 2006-4-28

快捷键提交表单方法汇总2006-4-28

js时间日期特效2006-4-28

不错的二级菜单代码,采用CSS+JS2006-4-28

CSS入门6：CSS盒模型[图]2006-4-28

CSS入门5：伪类——动态链接2006-4-28

CSS入门4：css选择符2006-4-28

CSS入门3：如何插入CSS样式2006-4-28

CSS入门2：CSS语法基础2006-4-28

目前没有评论!

您的姓名： 匿名发送

电子邮件：

评论内容：
不能超过100个字符

所有留言只代表网友个人观点，不代表本站观点。
请各位遵纪守法并注意语言文明。