2019 年 3 月 – 三生石

简述css的vertical-align属性

直译，就是垂直居中。

通常，应用于行内元素，图片、文字、图标等。vertical-align属性，我的理解就是相对于某个元素对比而言的。

w3c有一段相关信息如下：

Value:	baseline \| sub \| super \| top \| text-top \| middle \| bottom \| text-bottom \| <percentage> \| <length> \| inherit
Initial:	baseline
Applies to:	inline-level and ‘table-cell’ elements
Inherited:	no
Percentages:	refer to the ‘line-height’ of the element itself
Media:	visual
Computed value:	for <percentage> and <length> the absolute length, otherwise as specified

可应用范围可以理解为，在行内和表格内的元素。
图片，按钮，文字和单元格都可以使用vertical-align属性。

动了念头，想自己去画图标了……

一直以来用的font-awesome的免费图标库，虽然是足够用了，但是，想自己做一套的图标库的野心也是存在的。

起码，AI(Adobe Illustrator)软件还是会用的，sketch也行，总是觉得该试试了，今天偶然看到一个国人设计师自己实现的一套图标库，有些触动了，更想自己去试试。关键是，常用图标几乎都大同小异，创新很难，雷同甚至完全一样都很有可能，所以，就更想试试，起码，起初临摹是可以的，先熟练画图标的技巧。

其实，大概的流程是了解的。通过阿里的iconfont平台，可以上传svg文件生成iconfont，实现图标字体化。

好吧，暂时算是立下个flag，抽时间试着画一个先。

css中的!important及版本迭代的前因后果

css的!important该如何使用，何时使用，坦白说，时至今日，我也没有很深刻的认识，这个提升css属性权重的写法，在关键时候很有用，不过，需要明白的是，这个权重的提升，事实上是覆盖了其他的同名写法，提升了权限；往往，你需要提权的地方，可能只是一个唯一的，或者临时需要用到的地方。

所以，要慎重使用。

在2.0版本的框架中，我肆无忌惮的使用了!important，只是为了某些情况下的偷懒。