美文网首页
border:0;和border:none;的区别

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

作者: Dorazzz | 来源:发表于2017-11-27 19:15 被阅读0次

    1.视觉效果:

    在页面上,都会使原先的边框线消失

    2.处理机制上的区别-原理:

    border:0;

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

    换句话说,只是把表格线的粗细定义为了0像素,但是表格线是依旧渲染存在

    border:none;

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

    换句话说,直接将表格线的存在抹去,不进行渲染

    相关文章

      网友评论

          本文标题:border:0;和border:none;的区别

          本文链接:https://www.haomeiwen.com/subject/gyodbxtx.html