# 概述
CSS 代码片段是小型的 [`.css`](CSS.md) 文件。它可以让你快速修改 Obsidian 的外观，而无需[开发一个主题](https://docs.obsidian.md/Themes/App+themes/Build+a+theme)。在某些情况下，它甚至还可以增强一些界面功能。
Obsidian 会在仓库[[设置文件夹]]中查找 CSS 代码片段。
代码片段的本质其实和[[Obsidian 主题|主题]]]一样。但与主题不同的是，不同的代码片段可以同时使用。
# 保存
片段安装于仓库内的 `.obsidian/snippets` 文件夹中。
# 添加
要添加 CSS 代码片段，请按照以下步骤操作：
1. 打开**设置**。
2. 在**外观 → CSS 代码片段**下，选择**打开片段文件夹**（文件夹图标）。
3. 在代码片段文件夹中，创建一个包含你的代码片段的 CSS 文件。
4. 在 Obsidian 中，进入**外观 → CSS 代码片段**，选择**重新加载代码片段**（刷新图标）以在列表中看到代码片段。
Obsidian 会自动检测 CSS 代码片段的更改，并在保存代码片段时应用这些更改。无需重新启动 Obsidian 片段即可生效。
> [! Tip] 示例：修改文本颜色
> 例如，可以创建一个名为 `snippet.css` 的文件并在其中加入以下代码。该片段可以将文本颜色更改为红色：
>
> ```css
> Body {
> --text-normal: red;
> }
> ```
## 了解更多
- 如果你对 CSS 不熟悉，可以参考 Mozilla 的[学习使用 CSS 对 HTML 进行样式设置](https://developer.mozilla.org/en-US/docs/Learn/CSS)。
- 如果你想获取更多关于 Obsidian 样式的信息，请参考[关于样式](https://docs.obsidian.md/Reference/CSS+variables/About+styling)。