css,border的区别
Web前端-css教程
A、border：无
border式的缩写
在chrome审查元素中看到以下结果
手机电影网源码，vscode鼠标缩放，重装ubuntu系统前复制文件，tomcat入门+pdf 、www.sychzs.cn、加载网络图片插件、手机应用前端框架有哪些、关于爬虫的python大作业、php文件后缀、SEO高级查询、洛阳教育培训门户源码、坦克大战游戏网页版、拼车网站模板lzw
www.sychzs.cn {
border: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: initial;
border-color: initial;
}在firefox中使用firebug查看元素，你会看到结果如下：
站长源码中心、ubuntu树莓派调试、爬虫登录cs系统、php单选列表、seo预算时间lzw
www.sychzs.cn {
border：中无;
}注意这个中等值
B，border：0
border宽度缩写
在chrome审查元素中看到以下结果
Shishicai源码购买，vscode加载外部库，ubuntu php重启、如何修改tomcat key、sqlite重复数据查询、分布式爬虫训练实践培训项目、阿里云PHP版、如何用nuxt做好seo、uc浏览器网站项目展示ppt、影豆网模板lzw
元素。样式{
border：0;
border顶部宽度：0px;
border右侧宽度：0px;
border底部宽度：0px;
border左侧宽度: 0px;
border-stype:initial;
border-color:initial;
}在firefox中使用firebug查看该元素，你会看到如下结果：
www.sychzs.cn {
border : 0 none ;
}注意firebug中border:none和border:0的区别
下面通过例子来详细解释
div {border：1px纯黑；边距：1em;}
.zerotest div {border：0;}
.nonetest div {border：无;}
div.setwidth {border宽度：3px; }
div.setstyle {border风格：虚线;}
“边框：0”和“border宽度：3px”
“边框：0”和“border风格：虚线”
“Border: none”和“border-width: 3px”
“Border: none”和“border-style: dashed”有兴趣的朋友可以复制上面的代码在这个浏览器中尝试一下：
测试结果：
1,.zerotest .setwidth
虽然定义了border-width: 3px，但border-style: none所以没有边框（IE7会显示3像素边框，也是一样的） as border: 0 解析相关。下面会讨论）
2, .zerotest .setstyle
虽然定义了border-style: dashed，但border-width: 0，所以没有边框
3, . nonetest .setwidth
虽然定义了border-width: 3px，但border-style: none，所以没有边框（IE7下没有边框）
4。 .nonetest .setstyle
定义 border-style：虚线 border-style 为默认值 Medium border-color 为默认值黑色，因此会显示 3 像素的黑色虚线框（IE7 下为 1 个像素）
结合1和4可以分析出在IE7下
border: 0被解析为border-width: 0
border:none被解析为border-style:none
我们来看看标准浏览器
border:0，比border:none多渲染一个border-width:0，这也是为什么border:none的性能比border:0高
所以Design Hive推荐使用border:none来实现无边框效果
![[分布式计算] 2. 架构](/upload/images/139169990)
