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:部分支持透明,需要额外处理