discuz 程序里面的所有页面调用的css系列详解

admin

首先，每个页面都会加载以下两个类似的css：

data/cache/style_1_common.css
data/cache/style_1_forum_index.css  

一、两个文件名的命名规则
style_1_common.css
|--是整站通用的全局css，所以命名为【style_1_common.css】
|--前面的代号是当前使用这套风格的ID，所以style_1_common.css也就是第一套风格的共用的css
style_1_forum_index.css
|--是【forum】广场BBS频道首页的css样式，那么forum和index分别对应这CURSCRIPT和CURMODULE的常量值，这个在每个频|--道的入口脚本里都有定义，比如forum频道页面对应的是forum.php。
以上介绍的是css的缓存加载文件，当然，还有一些在特殊页面的css，这里就不详细描述了。
这两个css文件的生成
首先，那两个css是程序生成的css缓存文件，所以如果要改css的话，不能直接改那两个文件，否则一更新缓存，之前的改动就无效了。
拿自带的default模板举例吧，default模板中，带有一个common的文件夹，这个文件夹存放的是全局模板文件， 里面有css文件：
style_1_common.css  是【common.css】生成的缓存 style_1_forum_index.css 是【module.css】生成的缓存

二、module.css的缓存和加载机制


打开module.css,可以看到有这样的说明

/** forum::index **/ 广场频道：首页 css代码开始  这里是css代码
/** end **/ 广场首页css代码结束  
这就是经常在模板中用到的判断，程序读取这个css文件的内容，通过标识进行判断，最后把符合条件内的所有css生成在一个对应的缓存文件中。 再举个例子：
/** forum::index,forum::viewthread **/   广场频道：首页模块和帖子阅读页CSS代码开始 这里是css代码
/** end **/ 结束
第二个例子大家应该知道了，就是再增加一个条件，这里可以不止两个：
/** forum::index,forum::viewthread,forum::forumdisplay,XXXX **/ ok，根据自己的需要来加就行了，记得符号【,】
大家可以参照这个学习一下，包括你想扩展他，都可以直接在里面直接添加就可以。