标签：none 浏览器 写法 血案 引发 边框 优点 border
如果你要用CSS去表达元素没有边框，你会怎么表达？
是border:0呢？ 还是border:none呢？
我听过很多人推荐使用border:none，因为其理由是客户端的渲染。 乍听之下会觉得：嗯，有道理，又学到东西了呵…… 其实，很多时候，代码是死的，没有绝对的好与坏！ 在相对论面前，神马都是浮云……
要想明白哪种写法最适合你当前的环境，那么就必须先了解这两种写法的含义及优缺点：
一、border:0 含义：
它代表着边框:大小为0，在浏览器解析后的结果是没有边框 优点1：在写的时候，少写三个字母，这代表在写代码时，这种写法的效率更高 优点2：比另外一种写法少了三个字节，这代表它在体积上更节约了，减低了服务端的负担 缺点：浏览器在解析它的时候，会认为是（边框：其它的默认渲染依然存在，比如solid？比如red？仅是大小为0）
二、border:none 含义：
它代表着边框:没有，在浏览器解析后的结果，未必是所有元素都没有边框，试试input如何？ 优点1：浏览器在解析它的时候，会认为是（边框：什么也没有，不渲染任何样式），不同于border:0，它毕竟还是有渲染的，但border:none是彻底无视，所以当浏览器在看它border:none时，就选择了路过……！ 缺点：请参考border:0的优点
那么读到了这里，你会不会这样理解？
border:0是为了服务端而服务的，它算是减轻了服务器的压力 border:none是为了客户端而服务的，它算是减轻了浏览器的压力
那么，你现在决定了选择哪种写法？
我个人是无论大小网站，基本都选择border:0的 因为就网站而言，我觉得服务器的压力大于浏览器，因为服务器只有一个，而浏览器，有N个…… 如果你的是大网站，你的服务器有多牛？千万别小看一句写法少了三个字节，千万别认为是"三个字节而已" 反之，如果是小网站，你的代码要有多复杂，才会让浏览器负荷到造成你浏览产生困扰的地步？从而必须要选择border:none去优化？ 或许你不认同这种观点，那么我们换一种观点？用一些小学知识去理解怎么样？
OK！
border:0有两个优点； border:none只有一个优点；
二大于一 YES！ border:0赢了！Yeah~
会做饭的技术男
发布了0 篇原创文章 · 获赞 2 · 访问量 9403
私信
关注
标签：none,浏览器,写法,血案,引发,边框,优点,border 来源： https://blog.csdn.net/u011927449/article/details/104000279
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。