切图。。就切个才会好。。这东西几年了都不敢碰。。好像最近有了感觉。
1. 分层。
拿到一个图，1）先分层。一层一层的分开。
最下边的层是最大的div。越往上越是小单元。
2）还要分块：按位置分。
头尾、左右。
这样想来好像简单多了。但做的时候问题一个个就出来了~
2. css样式。
遇到几个问题：
1）图片+文字。
a. 排版：
除了
<div>
<i></i>
<span>某图标</span>
</div>
这种方式，我想去掉i标签，但是没想到办法。。
b. 对齐：
图片+文字对齐。每次整每次都晕。。
有一种方式叫做：vertical-align:middle;
有一种方式叫做：float:left;
外围元素如果是a 或者 span 需要 display:block..
2) 表格的处理。
我不喜欢table。。所以一切都是div。。那么到底表格是要用div还是table呢？
听说div兼容性很有问题；但是table处理动态数据渲染很慢。so，怎么办？
3. 写完后对代码的重构。改进结构、和样式。
1）写了一堆没有用处的classname。。
2）一堆看上去一致的结构写了不同的代码，写了一堆无法复用的代码。。
3）改样式真头疼。。。
4）要不还是用sass吧。。不过到底怎么样才能提高css的解析速度呢~~
求助各位CSS大仙~~