CSS的幾個屬性display,float,clear,overflow,visibility

整理了幾個CSS常用的屬性。

display屬性:block/inline/none

display：block(作用是把行屬性標簽顯示成塊屬性標簽，可以設置寬高) ；
display：inline(作用是把塊屬性標簽顯示成行屬性標簽，這時塊屬性標簽就不能設置寬高啦)；
display：none(作用是使所控制的標簽不顯示)
visibility：hidden(是設置元素的框的不可見，但是在布局中的位置是不變的)
它和display：none的區別就在于后者不會占用那個位置，下一個元素會直接覆蓋它，而前者是會占用那個布局，只是不顯示內容，是 一片空白；并且下載的時候對于display：none就不會把不顯示的元素給下載下來，而visibility：hidden則會把不顯示的元素給下 載下來；

float（浮動，照樣受文檔流的限制）行標簽float之后就可以設置它的寬高

float：none/left/right
none : 　對象不浮動
left : 　左浮動
right : 　右浮動

clear（清除浮動）

clear：both/none/left/right
none : 　允許兩邊都可以有浮動對象
both : 　不允許有浮動對象
left : 　不允許左邊有浮動對象
right : 　不允許右邊有浮動對象

overflow（超出）

overflow：visible/auto/hidden/scroll
visible : 　不剪切內容也不添加滾動條
auto : 　默認屬性
hidden : 　隱藏超出內容
scroll : 　總是顯示滾動條

visibility(可視)

visibility : inherit/visible/hidden
inherit : 　繼承上一個父對象的可見性
visible : 　對象可視
hidden : 　對象隱藏

幾種圖片格式的差別：

gif：不支持半透明
jpg：支持透明
png：部分支持透明，需要額外處理


來自：http://colobu.com/2014/08/28/CSS-display-float-clear-overflow-visibility/