标签：
1、图片用<img>标签添加到页面中，会增加页面的大小，导致页面加载需要更长的时间。可以用css background 引用图片。
1.1、若图像属于“内容”而不是“样式”的一部分，例如“公司介绍”页面中，一张CEO的照片，应用<img>标签
2、不要用表格布局，每次页面加载时，浏览器必须重新加载各种内容，并对之重绘。若用CSS，这些布局信息可缓存于浏览器中。禅意花园的作品，应用图片的代码只需加载一次。
3、外边距重叠(collapsing margin)
若两个元素上下毗邻且都定义了不为零的外边距，同时又没有任何内边距、边框等设定，那么两个元素之间的距离小于二者外边距之和。
防止外边距重叠解决方案：1：设置padding 打破生产重叠条件（禅意花园推荐）
另网上搜集其他解决方法如下：
标签：
原文地址：http://www.cnblogs.com/lucianmaki/p/4932516.html
