网站设计css+div学习笔记速记口诀

现在已经进入了web2.0的时代了，网站也开始慢慢变得规范了起来，网站源代码也就要遵循最标准的div+css来设计了。我们这种以前用table来制作网站的代码工也要重新开始学习了，这是最近学习css以来的一些经验技巧笔记，希望对新手能够提供很大的帮助。速记口诀对于我们中国人来说实在是太便利了，从五笔简码到现在的css口诀，绝对不是外国人可以想象的。

在做网站过程中，常常要修改网站模板，而模板受css控制。如果在用CSS设计布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把 CSS BUG编成了*****了！看看好不好记住呢？

一、IE边框若显若无，须注意，定是高度设置已忘记；
二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；
三、三像素文本慢移不必慌，高度设置帮你忙；
四、兼容各个浏览须注意，默认设置行高可能是*****；
五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；
六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。
七、所有标签皆有源，只是默认各不同，span是无极，无极生两仪—内联和块级，img较特殊，但也遵法理，其他只是改造各不同，一个*号全归原，层叠样式理须多练习，万物皆规律。
八、图片链接排版须小心，图片链接文字链接若对齐，padding和vertical-align:middle要设定，虽差微细倒无妨。
九、IE浮动双边距，请用display：inline拘。
十、列表横向排版，列表代码须紧靠，空隙自消须铭记。