关于margin,padding,border,background之间的关系。这可是CSS排版最基础的知识，msdn早就有一张经典的图。但这个更简单直观一些。说到模型还有一个inline模型（竹笋炒肉 这么叫的，我觉得这种说法不太准确）。简单地说，就是margin,padding这些用来控制大块的版式，而inline控制的是文字和段落的东西，如果你做过平面印刷设计，就明白了。看这个链接

http://hedong.3322.org/newblog/archives/000074.html

说的不是很清楚，有些乱。其实随便一个有文字的编辑软件都有这些字母、段落排版的设置，英文单词也是基本一致的。除了 display:inline以外，这是html特有的，表示是否“独占”一行（你就这样理解好了）。

还有个3D版本

原文在：

http://www.hicksdesign.co.uk/journal/483/3d-css-box-model

推荐这个，相关文章资料很多

http://ootips.org/

后面那个 band pass filter 我倒是第一次看见。详细解释在：

http://www.stopdesign.com/examples/ie5mac-bpf

以下为引用内容:

---

CSS Negotiation

Filed under: CSS — Administrator @ 8:31 pm

leftjustfied.net 给出了一篇介绍如何使 CSS 正常工作，节省你调试时间的文章：CSS Negotiation and a Sanity Saving Shortcut，其中的一些方法值得推荐。

首先，考虑到大量问题源自不同浏览器下默认的 margin 和 padding 的设置不同，作者建议干脆先把所有的 margin/padding 清零：

* {

padding:0;

margin:0;

}

第二，给 IE 设置特殊的样式表，可以使用下面 IE 专用的条件判断功能：

Pages (5): « First ... « 2 3 4 5

Flickr PhotoStream

Recent Posts

• 韩国·欧美实用设计分层源文件 12DVD
• Web design stuffs
• 动态嵌入 javascript 和 css
• jQuery 动画效果插件
• 关于 css,js 文件后面的数字串

Recent Comments

• James on 简单的 php+mysql 留言板代码
• OK on opera 安装 flash 插件的另类方法
• lroncoffee on 用 flocker 转换 firefox 的插件到 flock
• ff on swfupload 文件上传
• ff on 简单的 php+mysql 留言板代码

Pages

• 关于这里

Categories

• css
• javascript
• 还没有分类的日志

Tags

css flickr javascript

Archives

• June 2008
• February 2008
• January 2008
• December 2007
• November 2007
• October 2007
• September 2007
• August 2007
• July 2007
• June 2007
• May 2007
• April 2007
• March 2007
• February 2007
• January 2007
• December 2006
• November 2006
• September 2006
• August 2006
• July 2006
• June 2006
• May 2006
• April 2006
• March 2006
• February 2006
• January 2006
• December 2005
• November 2005
• October 2005
• September 2005
• August 2005
• July 2005
• June 2005
• May 2005
• April 2005
• March 2005
• February 2005
• January 2005
• December 2004
• November 2004
• October 2004
• September 2004
• August 2004
• July 2004

Blogroll

• guoshuang blog
• Guoshuang Wiki
• labs of guoshuang
• ubuntu4life
• ubuntulife of guoshuang
• 我爱乐骋
• 童童的PSP网站

Meta

• Log in
• Entries RSS
• Comments RSS
• WordPress.org

Advertising