web页面实战总结

• 小图标的处理方式

多张小图标处理成单一的PNG图片，通过background-position定位背景

• 装饰图片

处理成背景图片，有背景图片的情况下，块级元素设置min-width 防止用户缩放时产生问题

• 块级元素

width一定要设置 height属性尽量设置 以免产生不可控问题

• 设计图转页面思维

尽量用同一种方式
多个name选择器控制样式效果
尺寸，间距等直接测量并写入CSS

• 页面布局

float 左右布局
display 多列布局
上下布局

• 少用新特性