DedeCMS的CSS主要存放在两个地方：
- 主题目录下的
style/文件夹：这是最常用、最直接的地方,存放着你当前主题的样式表文件。 - 后台的“默认模板管理”：这里可以修改系统核心文件（如
dede.css），但不推荐新手直接修改,因为升级后可能会被覆盖。
修改当前主题的样式 (最常用、最安全)
这是修改网站样式最主要、最推荐的方法,你只需要修改你当前正在使用的主题文件夹里的文件即可。
位置：/templets/你的主题名称/style/
templets是DedeCMS存放所有网站模板的根目录。你的主题名称是你当前启用的主题文件夹，default(默认主题)、mb5u、yuanma等。style文件夹专门用来存放CSS文件。
主要CSS文件：
style.css：这是最重要的CSS文件，几乎所有主题的布局、颜色、字体、间距等样式都定义在这里，90%的样式修改都在这个文件里完成。base.css：通常存放一些基础的全局样式，比如body、a、p、h1-h6等标签的默认样式,修改这里会影响整个网站的基础外观。images/文件夹：虽然不是CSS文件，但CSS中会大量引用这个文件夹里的图片（如背景图、图标等）,有时修改样式也需要替换或修改这里的图片。
如何修改：
- 找到你的主题文件夹：通过FTP工具连接到你的服务器，进入
dede/templets/目录,找到你当前使用的主题文件夹。 - 下载CSS文件：进入该主题的
style/文件夹，下载style.css(可能还有base.css) 到你的本地电脑。 - 使用代码编辑器修改：推荐使用 VS Code、Sublime Text 或 Dreamweaver 等专业代码编辑器打开
style.css文件。- 如何定位要修改的样式？：在浏览器中（如Chrome或Firefox）右键点击你想修改的网页元素，选择“检查”或“审查元素”，浏览器会打开开发者工具，并高亮显示对应的HTML代码，在开发者工具的“Styles”或“元素”面板中，你会看到控制该元素的CSS规则，根据这些规则（如类名
.header或ID#logo），你就可以在style.css文件中快速找到并修改它们。
- 如何定位要修改的样式？：在浏览器中（如Chrome或Firefox）右键点击你想修改的网页元素，选择“检查”或“审查元素”，浏览器会打开开发者工具，并高亮显示对应的HTML代码，在开发者工具的“Styles”或“元素”面板中，你会看到控制该元素的CSS规则，根据这些规则（如类名
- 上传修改后的文件：保存修改后的
style.css文件，通过FTP上传回原来的位置,覆盖旧文件。 - 清除缓存：为了确保修改立即生效，请登录DedeCMS后台，进入【系统】->【系统基本参数】->【性能选项】，点击“清除所有缓存”按钮，或者直接删除
/data/cache/目录下的缓存文件。
修改系统核心样式 (不推荐新手)
这个位置存放的是DedeCMS系统内置的一些核心样式，比如后台管理界面的样式,以及一些前端通用组件的样式。
位置：/dede/css/
- 这个目录下的文件主要服务于系统后台和网站的前端公共部分。
dede.css：这是最核心的系统CSS文件，定义了后台管理界面的样式，以及一些前端标签（如文章列表、分页等）的默认样式。
何时需要修改这里？
- 自定义后台界面：如果你想修改DedeCMS后台管理界面的颜色、布局等。
- 修改前端默认标签：当你发现无论换什么主题，某个模块（如分页按钮、的样式都一样，那它的样式很可能就定义在
dede.css里，但更规范的作法是，主题的style.css应该覆盖这些默认样式。
风险提示：
- 升级覆盖：如果你直接修改了这里的文件，下次升级DedeCMS时，新版本会覆盖这些文件,导致你的修改丢失。
- 影响全局：这里的修改会影响所有使用该DedeCMS系统的网站（如果你有多个站点）。
在模板文件中直接内嵌CSS (不推荐，仅用于临时调试)
有时候你可能只想临时修改某个特定页面的样式，或者某个CSS选择器过于复杂，不想去庞大的 style.css 文件里寻找。
位置：模板文件 .htm 中
每个模板文件（如 直接在模板文件的 给新手的建议：index.htm, article_article.htm）的顶部通常有一个 <head>
<head>
<meta charset="utf-8">{dede:global.cfg_webname/}</title>
<link href="/templets/你的主题名称/style/style.css" rel="stylesheet" type="text/css" />
<!-- 你可以在这里添加 <style> 标签 -->
<style type="text/css">
/* 在这里写你的CSS代码 */
.special-banner {
background-color: red !important;
}
</style>
</head>
如何修改：
<head> 标签内添加一个 <style> 标签,然后把你的CSS代码写进去。
优缺点：
style.css 中的样式,导致难以排查的样式冲突。
总结与最佳实践
修改方式
位置
优点
缺点
推荐度
修改主题CSS
/templets/你的主题/style/最规范、最安全、易于维护、升级不受影响
需要FTP和代码编辑器
⭐⭐⭐⭐⭐ (首选)
修改系统CSS
/dede/css/可修改后台和默认前端样式
升级会被覆盖、影响全局
⭐⭐ (仅高级用户)
内嵌CSS
模板文件
.htm 的 <head> 中针对性强、即时生效
难以维护、代码冗余、易冲突
⭐ (仅临时调试)
/templets/你的主题名称/style/style.css 文件。.class）、ID（#id）和标签选择器,这是修改样式的基础。
