摘要： 1、不要使用过小的图片做背景平铺。这就是为何很多人都不用1px的原因，这才知晓。宽高1px的图片平铺出一个宽高200px的区域，需要200*200=40,000次，占用资源。　　2、无边框。推荐的写法是border:none。border:0;只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。　　3、慎用*通配符。所谓通配符，就是将CSS中的所有标签均初始化，不管用的不用的，过时... 阅读全文

摘要： 资料保存　　1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。　　2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。　　3、一个兼容性调整(IE和Mozilla)的笨办法：初学可能会碰到这样一个情况：同样... 阅读全文

摘要： word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。它们的区别就在于：1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为t... 阅读全文

摘要： 不罗嗦，直接上内容IE 下块元素如何实现 display:inline-block 的效果？有两种方法：1、先使用 display:inline-block 属性触发块元素，然后再定义 display:inline，让块元素呈递为内联对象（两个 display 要先后放在两个 CSS 声明中才有效果，这是 IE 的一个经典 bug，如果先定义了 display:inline-block，然后再将 ... 阅读全文