首先,每个页面都会加载以下两个相似的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,依据自己的需求来加就行了,记得符号【,】 大家能够参照这个学习一下,包括你想扩展他,都能够直接在里面直接添加就能够。 下面讲讲缓存css是如何生成的 common.css比较简单,就是直接读取,然后生成到data/cache目录下。 每个频道模块独立的css,会先将module.css在data/cache下生成一个对应的风格id下的缓存的css,然后当你访问某个频道时,会生 成对应频道下的css,此时,刚才引见的那些标识就起作用了。程序会依据/** group::index **/和/** end **/这种标识,拆分出哪些频道、哪些模块该需求哪些css。 程序部分就不引见了,程序的代码主要在source/class/class_template.php文件处置,有兴味的同窗能够深化研讨一下。 三、在模板制造中充沛的运用好css加载机制,进步页面的加载速度 新建模板后同窗们能够在【模板文件夹\common】中树立附加样式表并命名为: extend_module.css extend_common.css 这两个css文件就是重新定义common.css与module.css里面的样式,这两个附加样式与上面讲的两个css文件分别兼并,最终就生成css缓存文件了 extend_module.css 这里面必需依据上面第二节里讲的,写好标识!! 假如想重新定义默许模板中的一些css,那么直接在这两个文件中重写就行了。 留意:假如你的模板规划是完整要重写的,那就命名为:common.css和module.css 这样程序就只处置新模板中的css,不会与default里面的兼并了
|
手机版|小黑屋|BC Morning Website ( Best Deal Inc. 001 )
GMT-8, 2025-8-26 07:35 , Processed in 0.016066 second(s), 18 queries .
Supported by Best Deal Online X3.5
© 2001-2025 Discuz! Team.