我们在制作模板的时候,都会使用css来定义样式,一般情况下,我们会把样式放入一个单独的文件,然后在HTML文件里面引用,这一篇我们就来介绍怎么使用独立的css样式文件。
我们在《燕子cms模板文件夹结构》一文里面曾经介绍“css”文件夹,这个文件夹就是用于存放样式文件的,如下图:
样式文件放入“css”文件夹很容易,这里不再展开说明,需要说明的是我们在模板文件里面怎么来引用存放在这个文件夹里面的css样式文件。
我们先假设,存放到“css”文件夹里面的样式文件名为“yanzi.css”,然后我们可以在模板文件里面加如下代码:
这个代码放在哪里不再详细说明了,HTML文件里面怎么使用样式文件如果不会的话,可以查询其他HTML教程。
这里需要说明的是燕子系统的标签使用。如上面的代码里面,“{domain}”表示域名,“{template}”表示当前的模板文件夹名。了解了这两个标签的意思后,就很容易理解了。我们写模板里面存放的样式文件的引用都是这个格式,如果您的css文件名不是“yanzi.css”,那么您只需要替换一下上面代码中最后的文件名就可以了。