Discuz的每个页面都会加载以下两个css，data/cache/style_1_common.css和data/cache/style_1_forum_index.css。
这两个CSS样式表主要负责些什么？
common.css
data/cache/style_1_common.css 负责整站通用的css，所以命名为common.css。前面的style_1_，表示你当前所使用的风格编号。
举例：
大家可以看到template对应的每套模板中，就拿自带的default模板举例吧，default模板中，带有一个common的文件夹，里面有css文件，common.css对应的就是生成缓存的style_1_common.css文件
forum_index.css
对应的是module.css，其他的则和上面的common.css解释一样。
作用
common.css 就是基础样式表，总体就是控制布局等一些元素。所以这里就不用讲解。
module.css 模块css，在模块使用时候的样式，可以查看这个CSS样式表里面描述。
/** group::index **/
/* 群组 index 模块使用的CSS */
/** end **/** group::index **/开始到/** end **/结束，说明是group频道的index模块使用的CSS，也就是群组频道对应的首页模板将使用的CSS。
例子：
/** misc::invite,group,forum::viewthread **/开始到/** end **/结束
说明是misc频道的invite模块、group频道的全部模块和forum频道的viewthread模块使用的CSS。
先学习两个CSS样式负责区域与其的作用。可以参照这个学习一下，包括你想扩展他，都可以直接在里面直接添加就可以。
缓存css
common.css比较简单，就是直接读取，然后生成到data/cache目录下。
每个频道模块独立的css，会先将module.css在data/cache下生成一个对应的风格id下的缓存的css，然后当你访问某个频道时，会生成对应频道下的css，此时，刚才介绍的那些标识就起作用了。
程序会根据 /** group::index **/和/** end **/ 这种标识，拆分出哪些频道、哪些模块该需要哪些css。
