日期:2014-05-17  浏览次数:20691 次

前端 CSS 规范大全

一、文件规范?

1、文件均归档至约定的目录中(具体要求以豆瓣的CSS规范为例进行讲解):?

所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中:?

  • 基本样式库 /css/core
  • 通用UI元素样式库 /css/lib
  • JS组件相关样式库 /css/ui

业务类的CSS是指和具体产品相关的文件,放在如下目录中:?

  • 读书 /css/book/
  • 电影 /css/movie/
  • 音乐 /css/music/
  • 社区 /css/sns/
  • 小站 /css/site/
  • 同城 /css/location/
  • 电台 /css/radio/

外联CSS文件适用于全站级和产品级通用的大文件。内联CSS文件适用于在一个或几个页面共用的CSS。另外一对具体的CSS进行文档化的整理。如:?

  • util-01 reset /css/core/reset.css
  • util-02 通用模块容器 /css/core/mod.css