Dedecms 的首页样式文件一般在配套的模板文件里，默认模板的css样式在skin目录下css文件夹里的style.css文件里，其他模板css样式都是自定义的，需要具体分析。
一、dedecms 默认模板样式。
1、默认模板样式位置是固定的，直接用Vscode编辑器打开模板文件目录，定位到“default”文件夹下，就可以看见style文件夹，里面都是默认模板的样式。
2、一般首页的样式都在“dedecms.css”文件里，打开修改即可。
二、查看自定义模板css样式。
自定义模板的css样式比较灵活，开发者可能会把样式文件放在任何一个目录下，此时就需要自己去分析模板。
1、打开dedecms的目录，打开自定义模板文件夹。
2、接着打开首页模板文件“index.htm”，可以看到，“<link>”标签里的 css文件路径，一般就是模板套用的css样式，只要打开它就可以修改了。
3、按下“crtl”键，此时编辑器页面会出现“按住Crtl并单击可访问连接的提示”。
4、此时按住“crtl”鼠标左键单击link标签下的路径，Vscode就会自动定位到该文件的目录并打开改文件。
最后就可以修改样式了。
<link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/style/index.css" /><link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/style/header.css" />
<link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/style/dialog.css" />
其实呀，跟普通调用一样，无非多了一些路劲参数，建议去看看它默认的路劲调用方法，改改就能用了。举个例子哦，这是默认的主页的css文件调用的写法，<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />，分析一下，调用的css文件就在stye文件夹里，然后你就可以做个试验用自己的主页模板替换原来默认的，然后把css文件放到相应的文件夹内，调用的时候<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />里的dedecms.css换掉就可以了吧，试试。js嘛都一样。模板是用来干嘛的啊?就是用来简化你书写的代码量的啊，好好利用起来。
