创建一组CSS约定—通常称为CSS样式指南-可以简化您的web开发工作流程。这对大型团队和独立开发人员都很有用。CSS风格指南是一组概述编码风格、最佳实践和视觉设计属性的文档。
网站的颜色、布局、网格尺寸等)。拥有风格指南的目标是在整个产品中保持一致性。如果你正在创建一个CSS风格指南,或者如果你想了解大型网站使用的CSS实践,请查看下面的风格指南列表。
1.GitHub CSS格式指南
GitHub的CSS样式指南涵盖了从代码缩进样式到何时使用换行到公司品牌颜色的所有内容。
2.WordPress CSS编码标准
WordPress的CSS编码标准概述了如何组织CSS属性,如何对媒体查询进行分组,它的CSS最佳实践,等等。
3.谷歌HTML/CSS样式指南
谷歌的HTML和CSS样式指南是全面的,但以简洁的方式编写,这使得它很容易作为参考使用。
4.CSS代码引导指南
下面是Bootstrap的CSS样式指南代码指南@mdo这是一套HTML和CSS指南,由Bootstrap的共同创建者马克·奥托开发。
5.孤独星球的CSS
Lonely Planet网站的在线风格指南(称为里索).
6.ThinkUp的CSS代码风格指南
ThinkUp是一个社交媒体分析应用,有一个CSS编码风格指南,他们已经在GitHub上发布。该指南概述了该公司的基本CSS约定,如缩进样式、类和id命名样式等。
7.Mapbox的CSS和样式
Mapbox是一个基于web的交互式地图创建工具,它有一个公共风格指南,记录了应用程序的CSS。风格指南记录了编码风格、网格系统如何工作、网站的颜色属性值等等。
进一步的阅读
如果您对开发CSS样式指南感兴趣,下面的参考资料将为您指明正确的方向。