来自平时工作中的css知识的积累---持续补充中

 

　　① 现代浏览器中，<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布局篇

　　css布局奇淫技巧之——宽度自适应

　　css布局奇淫技巧之——高度自适应

　　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)";