border:none;与border:0;的区别

2016-02-20 00:08 11 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐border:none;与border:0;的区别,无聊中的都看过来。

【 tulaoshi.com - Web开发 】

这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。

性能差异

 

把border设为0像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。

把border设为none即没有,浏览器解析none时将不作出渲染动作,即不会消耗内存值。

兼容性差异

 

兼容性差异只针对浏览器IE6、IE7与标签button、input而言,在win、win7、vista 的XP主题下均会出现此情况。

当border为none时似乎对IE6/7无效边框依然存在,如下例:

Demo1

当border为0时,感觉比none更有效,所有浏览器都一致把边框隐藏,如下例:

Demo2

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

总结:

对比border:0;与border:none;之间的区别在于有渲染和没渲染,感觉他们和display:none;与visibility:hidden;的关系类似,而对于border属性的渲染性能对比暂时没找测试的方法,虽然认为他们存在渲染性能上的差异但也只能说是理论上。

如何让border:none;实现全兼容?只需要在同一选择符上添加背景属性即可,如下例:



demo3

对于border:0;与border:none;个人更向于使用,border:none;,因为border:none;毕竟在性能消耗没有争议,而且兼容性可用背景属性解决不足以成为障碍。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160220/1631339.html

延伸阅读
【粉刺和痤疮区别】 人们会经常接触到两个名词:粉刺和痤疮。它们是不是一样呢?如果不一样,粉刺和痤疮的区别在哪里呢? 痤疮是一个统称,粉刺常常是指尚未发炎的白头、黑头而言。而痤疮是已经发炎的一系列皮肤症状。 非炎性包括: (1)微粉刺:在毛囊漏斗部角质细胞堆积,开成微小的青春痘,肉眼几乎看不见,临...
好动与多动症的区别 妈妈看到自己的宝宝总是不安分,担心宝宝是患了多动症,其实有些宝宝只是天性好动,如何区别好动与多动呢? 1、正常好动的孩子,虽然也有注意力下集中的表现,但对有兴趣的事情,却能专心致志,很少分散;而多动症的孩子做不到。 2、正常儿童www.Tulaoshi.com虽然表现散漫,如上课做小动作,...
感冒与肺炎的区别 小儿出生半年后,从母亲体内获得的抗体已基本消失,而婴儿自身合成抗体的能力仍很低下,处于生理性低谷,直要到2岁时小儿自身合成抗体的能力才能基本达到成人水平。因而小儿在6个月至2岁的这个阶段容易患传染病及感染性疾病如感冒和腹泻等。 感冒是母亲带小儿去医院就诊的主要疾病,小儿每年平均患感冒6-8次,而每次感...
信托和基金都是目前投资收益比较高的理财产品,那么信托与基金的区别是什么?下面给大家讲解一下信托与基金的区别。 一、基金(Fund)有广义和狭义之分,从广义上说,基金是指为了某种目的而设立的具有一定数量的资金。例如,信托投资基金、单位信托基金、公积金、保险基金、退休基金,各种基金会的基金。在现有的证券市场上的基金,包括...
标签: 股票 期货 理财
收益来源不同 股票投资的收益主要来源于两个方面,一是上市公司的股息红利,其二就是股票交易的价差; 期货的利润仅来源于价差,它完全依赖于期货交易者对市场价格走势的预测,对则盈、错则损。股票交易是投资、投机均可,而期货交易是纯粹的投机。 收益的大小不同 期货的收益比股票的收益要高,因为期货实行的是保证金交易,其交易...

经验教程

544

收藏

81
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部