web页面实战总结

  • 小图标的处理方式

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

  • 装饰图片

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

  • 块级元素

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

  • 设计图转页面思维

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

  • 页面布局

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

  • 少用新特性

你可能感兴趣的:(web页面实战总结)