来自平时工作中的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: #fff9;
                *background: #fff;
                filter: alpha(opacity=70);
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

    

原文地址:https://www.cnblogs.com/Iwillknow/p/3947687.html