CSS风格指南的灵感列表

WebFX总统。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

创建一组CSS约定—通常称为CSS样式指南-可以简化您的web开发工作流程。这对大型团队和独立开发人员都很有用。CSS风格指南是一组概述编码风格、最佳实践和视觉设计属性的文档。

网站的颜色、布局、网格尺寸等)。拥有风格指南的目标是在整个产品中保持一致性。如果你正在创建一个CSS风格指南,或者如果你想了解大型网站使用的CSS实践,请查看下面的风格指南列表。

1.GitHub CSS格式指南

GitHub CSS格式指南GitHub的CSS样式指南涵盖了从代码缩进样式到何时使用换行到公司品牌颜色的所有内容。

2.WordPress CSS编码标准

WordPress CSS编码标准WordPress的CSS编码标准概述了如何组织CSS属性,如何对媒体查询进行分组,它的CSS最佳实践,等等。

3.谷歌HTML/CSS样式指南

谷歌HTML/CSS样式指南谷歌的HTML和CSS样式指南是全面的,但以简洁的方式编写,这使得它很容易作为参考使用。

4.CSS代码引导指南

CSS代码引导指南下面是Bootstrap的CSS样式指南代码指南@mdo这是一套HTML和CSS指南,由Bootstrap的共同创建者马克·奥托开发。

5.孤独星球的CSS

孤独星球的CSSLonely Planet网站的在线风格指南(称为里索).

6.ThinkUp的CSS代码风格指南

ThinkUp的CSS代码风格指南ThinkUp是一个社交媒体分析应用,有一个CSS编码风格指南,他们已经在GitHub上发布。该指南概述了该公司的基本CSS约定,如缩进样式、类和id命名样式等。

7.Mapbox的CSS和样式

Mapbox的CSS和样式Mapbox是一个基于web的交互式地图创建工具,它有一个公共风格指南,记录了应用程序的CSS。风格指南记录了编码风格、网格系统如何工作、网站的颜色属性值等等。

进一步的阅读

如果您对开发CSS样式指南感兴趣,下面的参考资料将为您指明正确的方向。

相关内容

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!