CSS - display,float,clear,overflow,visibility,<input type="hidden">
display属性:block/inline/none/inline-block
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：部分支持透明，需要额外处理