设置无边框的时候是使用“border:0”还是“border:none”呢,他们有什么区别呢?

要解释区别,首先得先介绍一下border这个属性。(点击跳转)

  • 性能差异
  • border:0 把border设为0,在页面上看不见,但按border默认值理解(见以上链接),浏览器依然对border-width/border-color进行了渲染,即占用了内存值。    border:none 把border设为none,即没有边框,浏览器解析none时不做渲染动作,即不消耗内存
  • 兼容性差异
    兼容性差异只针对浏览器IE6、IE7与标签button、input而言,在WIN、WIN7、vista的XP主题下均会出现此情况。
    【border:none】当border为none时似乎对IE6/7无效边框依然存在,【border:0】时,感觉比“none”更有效,所有浏览器一致把边框隐藏。
  • 总结:区别主要在于有无渲染,感觉类似于display:none和visibility:hidden的关系要使border:none实现全兼容须在同一选择符上加背景。

border:0和boder:none区别相关推荐

  1. border:0 none,border:none;,border:0;三者之间的区别

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

  2. CSS中设置border属性为0与none的区别

    在我们设置CSS的时候,对标签元素不设置边框属性或者取消边框属性一般设置为:border:none;或border:0;两种方法均可. border:none;与border:0;的区别体现有两点:一 ...

  3. border:none以及border:0的区别

    border:none表示边框样式无 border:0表示边框宽度为0 当定义了border:none,表示无边框样式,浏览器并不会对边框进行渲染,也就没有实际的宽度 当定义边框时,除了设置宽度外,还 ...

  4. 127.0.0.1和0.0.0.0和localhost的区别

    127.0.0.1和0.0.0.0和localhost的区别 127.0.0.1 172.0.0.1是本地还回地址,专供自己访问自己,速度快(不用经过整个协议栈),永远都不能出现在主机外部的网络中,所 ...

  5. a[0]和a 的区别?

    &a[0]和&a 的区别? 1)a[0]是一个元素,a 是整个数组. 2),虽然&a[0]和&a的值一样,但其意义不一样.前者是数组首元素的首地址,而后者是数组的首地址 ...

  6. android 5.0 ios 8,Android 5.0和iOS8.1哪个好?安卓5.0与iOS8.1区别对比

    Android和iOS显然是目前最受欢迎的移动平台,也是最大的两个竞争者.在今年,谷歌和苹果都对各自的系统进行了更新,其中iOS8.1已经正式推送,相信各位苹果用户已经正在使用:而Android 5. ...

  7. 计算机的USB是什么,usb2.0和3.0的区别,教您电脑usb2.0和3.0的有什么区别

    随着电脑的不断普及,现在的人们越来越离不开电脑.同时随着电脑的普及,高速USB3.0时代也随之到来,不过很多用户对USB2.0和USB3.0不知道如何区别,有用户不禁问电脑usb2.0和3.0的有什么 ...

  8. table中cellpadding=0 cellspacing=0 border=0属性CSS的定义方法

    以前都不知道用CSS怎么定义TABLE里面cellpadding和cellspacing,害得没一个都要写,今天无意中发现可以这样在CSS里面直接定义了 例如: 一个这样的表格: <table  ...

  9. count(*)、count(1)、count(0)、count(列名)区别

    count(*).count(1).count(0).count(列名)区别 1.count(*).count(1): count(*)对行的数目进行计算,包含NULL,count(1)这个用法和co ...

  10. iframe src=”you page’s url” width=”100″ height=”30″ frameborder=”no” border=”0″ marginwidth=”0″ mar

    <iframe src="you page's url" width="100″ height="30″ frameborder="no&quo ...

最新文章

  1. 深度学习框架简史 (A Brief History of Deep Learning Frameworks)
  2. java中的几个概念的比较
  3. 【AI学习篇】实战深度学习(3):深度学习的数据表示
  4. 数据分析基础教程Numpy指南笔记
  5. docker版本包 乌班图_Ubuntu安装Docker方式一:软件包安装
  6. javascript时间戳和日期字符串相互转换
  7. 如何逃过taint droid的跟踪
  8. 打包外星人_《疯狂外星人》中外星人带上金箍就是大圣,放下金箍就是至尊宝!...
  9. Asp.net网站使用HttpHandler实现图片防盗链功能
  10. matlab小波分析工具箱,matlab小波分析工具箱
  11. 新手小白,做二次剪辑的必备工具,帮你快人一步
  12. 西边人西说测试,测试蓝本 | 一篇文章看懂什么是测试,测试是干什么的
  13. 英语在计算机上比汉语有优势吗,英语和汉语分别有什么优缺点?
  14. 【VUE】vue实现登录滑动拼图验证的两种方法,纯前端组件验证以及前后端同时验证
  15. pe系统如何读取手机_什么是otg(pe系统如何读取手机)
  16. Android开发-UI开发
  17. 微信小程序 wxss之 background 属性
  18. Bit和Byte的区别
  19. WinForm制作定时显示基金净值的桌面小工具
  20. 中国联通今年5G投资350亿元!附2019业绩PPT全文

热门文章

  1. FMS视频在线采集系统
  2. 机器学习 第一节 第一课
  3. AWS Device Shadow使用
  4. 力扣题:904.水果成篮
  5. 以风景为主题的html,以风景为主题的英语作文
  6. 底部弹出框BottomDialog
  7. 决定使用JBPM3、JBPM4、Drools Folw 还是等待JBPM5?
  8. Linux查看系统自启动服务
  9. 华为事件鸿蒙系统,科技大事件 迎接华为鸿蒙车机系统的到来
  10. 中继器,集线器,网桥的区别