來自平時工作中的css知識的積累---持續補充中

標籤：高度自適應   style   blog   http   io   ar   color   os   sp   

 

　　① 現代瀏覽器中，<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)";

　　　　

 

來自平時工作中的css知識的積累---持續補充中