练习切图。所得。

切图。。就切个才会好。。这东西几年了都不敢碰。。好像最近有了感觉。

 

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大仙~~