我们的工作少不了要和UI设计师打交道，一般设计小姐姐给的图都是iPhone6尺寸750\*1334px，这样我们在切图时，只需要将像素值/2作为元素的宽高，字体的尺寸即可。但是一般的设计图中border是1px，怎么把元素的border设置为0.5px呢？ 有的小伙伴说，那是他们不专业，随便写个1px就可以了。但是我们rgb不变直接写成1px的话，会明显发现

BFC的文章很多，但是大多翻译腔读起来佶屈聱牙，而且有些例子根本不符合场景。今天从一些常见基本问题入手，来全面的分析css布局的规则。大部分内容来自MDN及自己的理解。

通过伪元素:before和:after来得到一些常用的icon

思考一个简单的问题，如何用原生js实现元素的显示隐藏，也就是jQuery中show和hide方法。 你肯定觉得特别简单，隐藏的话，直接el.style.display='none'; 那显示呢？el.style.display='block'？