据介绍,早在1999年Douglas Crockford就开始研究和掌握CSS,大量积累并总结出一份极具实用性和指导性的CSS指南。这份指南被广泛称赞和推崇,也被人们称为“CSS橄榄精华”。
/* 下面是CSS橄榄精华的一部分示例代码,用于展示其中部分样式规则 */ /* 避免用*选择器 */ /* 建议避免使用通配符选择器,因为会造成性能问题 */ * { margin: 0; padding: 0; } /* 用id选择器代替类选择器 */ /* 建议使用id选择器而不是类选择器,因为id选择器具有唯一性 */ #header { font-size: 20px; } /* 使用“链式属性” */ /* 建议将同属性的多个规则合并成一个,提高可读性和易于维护 */ h1, h2, h3 { font-weight: bold; font-size: 18px; } /* 选择器用“后代选择器” */ /* 建议使用后代选择器(空格),而不是直接子元素选择器 '>' */ ul li a { color: #666; text-decoration: none; } /* 避免使用“!important” */ /* 建议避免使用"!important",除非必要,以免破坏正常的样式规则 */ p { color: blue; } .warning { color: red; }
CSS橄榄精华的代码示例虽然简洁,但却是从Crockford的多年实战经验总结而来,涵盖了一系列实用的CSS样式规则,能够帮助Web前端工程师更快、更好地编写出优雅、高效的CSS代码。
虽然CSS橄榄精华是由美国人创建的,但其被Web前端开发者们广泛地应用和推崇,成为了全球Web前端开发领域广泛认可的CSS指导标准。