网页布局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代码，我想没有必要贴出来了，有这三个作对照，常用的网站布局应该都可以搞定。
相关文档：
1.span 的 overflow :hidden width:70px ; display:block(一点要加上div的话不用加）
2.js动态换背景,换背景 style.backgroundImage = "url('images/bg1.jpg')";
3.用onFocus="this.blur()"来消除链接后的焦点虚线框
4. onMouseOver onMouseOut onClick 三个时间在一 ......
如果在用CSS设计布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？ 一、IE边框若显若无，须注意，定是高度设置已忘记； 二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，
如果在用CSS设计布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道� ......
http://www.cnblogs.com/rubylouvre/archive/2009/08/10/1542476.html
说是实现兼容，其实也只不过为了照顾IE6与IE7，其实不支持标准的对手早就烟飞灰灭，而像firefox，Opera，Safari等更新换代太快，就算有问题很快就被官方处理。因此这篇博文大家最好在IE6中浏览，里面可运行的例子都是为IE6准备的。
选择器
通配符 * ......
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内 ......
CSS简写
就是指将多行的CSS属性声明化成一行，又称为CSS
代码优化
。CSS简写的最大好处就是能够显著减少CSS文件的大小，其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候，你的臃肿的CSS代码会使你的团队其他成员的工作效率下降。
太多的人使用Dreamwe ......
