作为Web开发人员应避免的10种CSS做法( 二 )

.parent .child {padding: 10px;margin: 20px;}复制代码8. 使用颜色名称.parent {color: red}复制代码

  • 使用颜色代码更好:
.parent {color: #fb0100;}复制代码9. 不用属性简写的方式.parent {margin-top: 10px;margin-bottom: 10px;margin-right: 10px;margin-left: 10px;}复制代码
  • 当您可以用一行执行相同的操作时,请避免使用多行代码:
.parent {margin: 10px;}复制代码10. 没有备用字体font fallback?.parent {font-family: Georgia;}复制代码
  • 那么在什么情况下浏览器将没有您想要的字体?这很普遍 。只有少数几种字体被认为是“网络安全”的-这意味着大多数访问您网站的计算机都已安装了该字体,因此浏览器可以使用该字体 。
.parent {font-family: Georgia, Arial, sans-serif;}复制代码



推荐阅读