前端经验

1、将背景图做成一张图片，用背景属性定位图片，这样使网页加载速度变快

2、尽量少用大图，特别是背景图，可以用photoshop截取宽为1px的线条，然后用横向平铺的方式

3、切图布局的时候尽量不要用绝对定位，因为绝对定位一般留给js用来做特效

4、切图布局的时候不用用id，同样id也是留给js用的

5、很多默认的标签会有内外边距，所以在CSS里面一般将他们初始化为0

6、有时候设置了浮动属性之后，下面的元素会挤到浮动元素上方，这是由于没有清除浮动引起的，所以一般在最都一个浮动元素下面清除浮动<br style="clear:both" />

7、img格式最好用gif，但是这个格式的图片会有锯齿

8、a标签伪类里，注意顺序

9、class的命名，最好用英文，一律用小写，不加下划线，不加横杠，除了像nav这些一看就能看懂的，其他的尽量不要用缩写

10、在ie6里，浮动元素设置margin值之后双边距的问题，可以设置为display:inline，或者用_margin-left，_margin-right设置属性值

11、在ie6下，img图片下方会出现间隙问题，一般将图片的属性设置为display：block

12、height为1px的div有时会大于1px，可以试试将该标签的font-size设置为1px，或者将该标签的overflow设置为hidden

13、还有其他兼容性问题，查看手册

14、固定宽度的div居中：margin:0 auto;

15、让文字居中：将height属性的值和line-height属性的值设置为一样

（后续继续补充，keep on coding）