border:0跟border:none;之间的区别

两个之间的区别:①理论上border:none的时候对于border的样式例如:border,border-color,border-img等都不再渲染,即不占内存,但是border:0的时候依然占用内存,这个没办法展示,就是理论上而已,所以尽量使用border:none;②但是,当使用border:none的时候,对于最新的浏览器这两个在表象上是没有什么区别的,但是别忘了,还有万恶的  IE6,此时input跟button在IE6中会依然显示边框。解决办法是:添加背景,例如:背景颜色就可以消失;

举例说明:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>border:0;跟border:none;之间的区别</title>
    <style>
        #div01,#span01,#input01,#button01{
            border:none;
        }
    </style>
</head>
<body>
    <div id="div01">
        div01
    </div>
    <span id="span01">
        span01
    </span>
    <input type="text" id="input01" value="input01"/>
    <button id="button01">button01</button>
</body>
</html>

使用IETester在IE6中查看效果:                                               普通浏览器查看效果:

                        

添加背景颜色:

#div01,#span01,#input01,#button01{                                
  border:none;
  background-color: #fff;
}

 添加后IE6显示效果:

个人还是比较喜欢border:none的,至于兼容性,添加个背景就行,不是什么问题;

时间: 2024-11-10 13:37:22

border:0跟border:none;之间的区别的相关文章

border:0和border:none的区别是什么

border:0和border:none的区别是什么:将对象的的边框设置border:0和border:none的效果是一样的,都可以将边框取消,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <

border:0与border:none区别与联系

联系:前台效果均实现了无边框 区别: 要解释区别,首先得先介绍一下border这个属性. border是一个简写属性.可以设置如下属性 border-width border-style border-color 平时写的时候不用写齐三个属性,写其中一两个也是允许的,比如 border: 1px solid; 为什么这样是可行的呢,因为这样写,浏览器会设置这个缺少属性的默认值.过程等价于(伪代码) border-width: 1px; border-style: solid; border-co

border:0跟border:none的区别

border:0;视觉上看不见,但是浏览器对其border-width,border-color进行了渲染,占用了内存值; border:none;不对其进行渲染; 这是性能差异; 下面看看浏览器兼容性差异; 只针对ie6,7的input,button标签; 在ie上使用border:none,边框依旧存在,使用border:0;边框就不存在, 但是性能没有border:none使用起来性能好,我们可以使用border:none,然后设置背景属性就好了. 原文地址:https://www.cnb

border:0; VS border:none;

border:none与border:0的区别体现为两点:一是理论上的性能差异,二是浏览器兼容性的差异. 性能差异: [border:0;]把border设为“0”像素效果等于border-width:0,浏览器依然对border-width.border-color进行了渲染,即已经占用了内存值. [border:none;]把border设为“none”,实际效果等同于border-style:none,浏览器解析“none”时将不作出渲染动作,即不会消耗内存值. 兼容性差异: IE6.IE

border:0和border:none

相同:边框不显示区别:border:0; 被解析为 border-width:0; 表示边框宽度为0.border:none; 被解析为 border-style:none; 表示边框样式无.border:none;的性能要比border:0;高.IE7不支持border:none; 为了少渲染border-width:0,和不占用内存,这里我们写一个兼容所有浏览器的最优写法:border:0 none:前面的0是针对ie6和ie7的兼容,后面的none是针对标准浏览器的.

thinkphp5.0与thinkphp3.2之间的区别

5.0版本和之前版本的差异较大,本篇对熟悉3.2版本的用户给出了一些5.0的主要区别. URL和路由 5.0的URL访问不再支持普通URL模式,路由也不支持正则路由定义,而是全部改为规则路由配合变量规则(正则定义)的方式: 主要改进如下; 增加路由变量规则: 增加组合变量支持: 增加资源路由: 增加路由分组: 增加闭包定义支持: 增加MISS路由定义: 支持URL路由规则反解析: 请求对象和响应对象 5.0新增了请求对象Request和响应对象Response,Request统一处理请求和获取请

0.0.0.0、127.0.0.1和localhost之间的区别

0.0.0.0和127.0.0.1共同点: 都属于特殊地址. 都属于A类地址. 都是IPV4地址. 区别: 在服务器中,0.0.0.0指的是本机上的所有IPV4地址,,如果我绑定的端口指定了0.0.0.0,那么通过内网地址或外网地址都可以访问我的应用.但是如果我只绑定了内网地址,那么通过外网地址就不能访问,所以如果绑定0.0.0.0,也有一定安全隐患,对于只需要内网访问的服务,可以只绑定内网地址. 在路由中,0.0.0.0表示的是默认路由,即当路由表中完全没有找到完全匹配的路由的时候所对应的路由

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

这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;与border:0;的区别体现有两点: 一是理论上的性能差异二是浏览器兼容性的差异.1.性能差异 [border:0;]把border设为"0"像素虽然在页面上看不见,但按border默认值理解, 浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值. [border:none;]把border设为"none"即没有,浏览器解

CSS中设置border:none和border:0的区别

在我们设置CSS的时候,对标签元素不设置边框属性或者取消边框属性一般设置为:border:none;或border:0;两种方法均可. border:none;与border:0;的区别体现有两点:一是理论上的性能差异:二是浏览器兼容性的差异. 1.性能差异 [border:0;]把border设为"0"像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值.[border:none;]把bord