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

相关推荐