网页布局CSS技巧 Web设计必知
两列布局
1、左列固定，右列自适应
#left{ width:190px; float:left; }
#right{ margin-left:205px; }
2、右列固定，左列自适应
#left{ float:left; width:100%; }
#right{ float:left; margin-left:-100px; width:100px; }
三列布局
左右宽度固定，中间自适应
#left{ float:left; width:200px; }
#middle{ margin:0 210px; }
#right{ float:right; width:200px; }
至于HTML代码，我想没有必要贴出来了，有这三个作对照，常用的网站布局应该都可以搞定。
相关文档：
连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，对于Div和table以及不同的浏览器，实现css自动换行的方法都稍有不同，下面分别介绍：
对于div
1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。
以下是引用片段：
#wrap{white-space:no ......
CSS语法 (不区分大小写) JavaScript语法 (区分大小写)
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color borderColor
border-left borderLeft ......
还算不错的文章，虽然条理性不是非常清楚，也转贴收了吧，方便查资料。
CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。
常见兼容问题：
1.DOCTYPE 影响 CSS
处理
2.FF: div 设置 margin-left, margin-right 为 auto 时已经 ......
CSS简写
就是指将多行的CSS属性声明化成一行，又称为CSS
代码优化
。CSS简写的最大好处就是能够显著减少CSS文件的大小，其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候，你的臃肿的CSS代码会使你的团队其他成员的工作效率下降。
太多的人使用Dreamwe ......
