CSS 代码风格

知识精选,互联网文档计划

良好的代码风格,不仅是维护大型项目的必备;我们在写的同时,也是一种享受。我们可以从社区中借鉴他人的优秀做法,为我们所用;甚至,可以把我们的方法分享给他人,接受他人的评价,进一步改进我们的做法。

下面几篇文章,分享他们在大型项目中编写维护CSS的一些方法,从中我们可以学习一二。

  • 我们如何在Ghost做CSS:Ghost是一个博客系统。文章中,作者介绍了预处理器、文件结构、命名、媒体查询、注释、Lint检查、对应文档等几个方面,他们是如何做的;
  • 让bug无处藏身的CSS架构:这篇文章介绍他们是如何让bug无处藏身的,包括:预处理器、Mixin和UI库、整体架构、命名与代码风格、编译压缩等;
  • Github的CSS:大神Mark Otto写的,文中从预处理器、架构、Lint使用、性能、文档、公共样式与组件等这几个方面介绍;
  • Medium的CSS:和上面几个大同小异;

除了上面几篇文章,还有一些介绍样式指南的文章,比如空格写几个、如何写嵌套、引号如何写、如何写注释、组件中CSS如何写等。通过学习他们的做法,可以总结出适合我们自己的CSS样式风格。

在我们写我们自己的样式风格时,还有一些工具可以帮助我们自动生成样式风格对应的文档。

最后,介绍一个专门的代码风格资源网站:Website Style Guide Resources

看完这些后,有什么感想呢,期待你分享你的CSS编写指南。

本文档采用知识共享 署名-相同方式共享 3.0协议

最后生成时间:2021/3/4 1:28:4