网站地图    收藏   

主页 > 前端 > css教程 >

css的一些小细节 - html/css语言栏目:html.css - 自学

来源:自学PHP网    时间:2015-04-14 14:50 作者: 阅读:

[导读] 1、visibility隐藏元素不会导致reflow和repaint(回流与重绘)而display相反,同时visibility进行隐藏不会导致株连性(即子孙元素为visible时不会因为父级的hidden收到影响);2、text-indent用负边距进...

1、visibility隐藏元素不会导致reflow和repaint(回流与重绘)而display相反,同时visibility进行隐藏不会导致株连性(即子孙元素为visible时不会因为父级的hidden收到影响);

2、text-indent用负边距进行文字隐藏时会产生额外性能耗损,而且它只能作用于block,table cells和inline-block属性元素同时会产生虚线框,可用font:0/0 'songti'替换;

3、用height:0;overflow:hidden进行组合隐藏元素的时候,当它子元素包含position:absolute或fixed时(父级元素无position属性),会导致隐藏“失效”(即子元素不受剪切影响,注:当给父元素宽度也设置为0时,IE6、7会出现奇怪的“bug”隐藏子元素,之所以说bug因为亲可以测试下这个时候打开IE调试工具选中隐藏父级子元素奇怪的出现了,至于问题知道亲回复下);

4、position:absolute,没有应用left/top等属性值的元素就是个不占据空间的普通元素,即此元素可以正常的继承父级text-align等属性(注:它继承后对齐方式是以它自身的左边为基线,比如定义text-align:right后它会以自身的最左边靠齐父级的最右边,有点绕口自己测试下会更明确例:<div style="text-align:right;"><div style="border:1px solid red;width:500px;height:500px;position:absolute;"></div></div>);

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论