切图。。就切个才会好。。这东西几年了都不敢碰。。好像最近有了感觉。
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大仙~~