以下是我最近一直在考虑编写更好的CSS的一些快速提示。

1.减少深远的风格

请小心设计全局的原始HTML元素。小心使用级联。全局是强大的,需要在引入之前全面考虑。

例如,我变得有点紧张,当我看到标题越来越过于具体的造型默认的外面font-weight和font-size。当你开始介绍颜色,文字转换时,我经常会看到它们不得不被越过文档的下方。

尽量减少这个次数,你必须撤销你以前宣布进一步级联的东西。

2.空白

如果您使用构建系统来缩小CSS,则空白是免费的文档工具。这是我从哈里罗伯茨手中收集的一个小而方便的提示,他在解释空白是如何语义化方面做得非常出色。

3.定期检查输出

对某些人来说,这看起来很愚蠢,“我知道输出结果会是什么样子,我写了!”,但Sass和工具在掩盖输出结果中做了很好的掩盖。

定期检查输出结果往往导致我为了更好的项目重构一些CSS。

相关文章