① 现代浏览器中，<img>元素默认情况下底部会有空白，那么这个空白到底是从哪里来的？
解惑：
method-one：猛戳 来自知乎的解答
method-two: 延伸阅读 what is vertical align?
② 在chrome浏览器中，对于鼠标移入input、textarea，浏览器会给它们加上默认的边框，怎么去掉呢
:hover {
outline: none;
}
③ css控制不溢出、不换行、溢出部分用省略号表示
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
④ background-position-y在FF下是没有效果的，解决办法就是同时指定x和y，例如
background-position: 0px 0px;
⑤ css布局篇
⑥ ie8下rgba的解决
background: rgba(255, 255, 255, 0.7);
background: #fff\9;
*background: #fff;
filter: alpha(opacity=70);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";