- 还原设计稿
- 多想一下距离的隔开加在哪里合适，如果去掉这一个，会不会导致其他元素挤在一起
- 不要定宽高！除了采用float布局、img标签。内容高度有具体元素撑开。
- 即使要写width也要写到父级
- 考虑页面元素的增删改。
- 可以自己动手写下，加一些字看看效果，或者删除div看看布局会发生改变吗
- 合理利用标签,不要只会用div跟span
- 在不同分辨率下，布局不乱。不同分辨率下，特别是背景图是否被拉伸了。
检查也很简单 : 1. 切换不同分辨率iphone5、6、6+、x、ipad，布局不乱，背景图，img不拉伸变形。 2. 外层div删掉，看下剩余的div布局会不会导致粘一起、布局乱了。 3. 图片长的换成竖的，是否表现正常。 4. 文本删掉剩一行、增加两三行，看下布局是否有问题 （上面的，多行+定高度，导致溢出就来个overflow:hiddden，或者用... 表示）
- 小图标采用背景图形式。
-icon也是图片，图片+文字一直是可变的！！！ 高度固定，宽度可以缩放，所以要设置某边定长度， 也是高度啊。 - 样式结构分离。
- 可点区域要大！！！，不然体验不好
- 不对标签做样式。 每个标签都
必须有类名class，不要出现空div - 行内元素与块元素不同级。
- 样式尽量找相同。
- 共同属性就放到父级
- 留白放到父级。
- 不能写行内样式。
- 减少不必要的结构嵌套。原则上不超过三层。
- 考虑到设计中的元素都是可变的
- 文本必须定义行高。（文本渲染后的实际高度会受字体、(默认)行高影响）
16.不要出现太大的边距，那么大的margin或padding肯定有问题！！！！
17.不要只想用图片，可以用css解决的就用css，标题特殊字体， 网页实现不了。 就切图。！！！
17.定位只有两个盒模型需要叠加的时候采用
18.background-size 设置宽高的时候最多只能设置一边，要么 10px auto，要么 auto 10px， 或者 cover、contain
18.盒模型（width、height/padding ...）遵循能写父级元素。 其他遵循样式写在最小元素 法则。
19.涉及到文字的都要加上字体、行高！
