diff --git a/图片解释启用CSS.png b/图片解释启用CSS.png
new file mode 100644
index 0000000..c2c9ba0
Binary files /dev/null and b/图片解释启用CSS.png differ
diff --git a/笔记美观计划.md b/笔记美观计划.md
new file mode 100644
index 0000000..643cad6
--- /dev/null
+++ b/笔记美观计划.md
@@ -0,0 +1,15 @@
+我们正在通过CSS建立更加美观的前端！
+启用方法：点击左下角的齿轮，在最左边选中外观（①），滑倒最底下，启用math-note代码片段（②）。
+<span class='emphasize'>如果你想在自己的笔记里也能使用这些功能</span>，那就点击启用按钮上方的文件夹（③），进去把里面的文件用文本文档（或者VSCode）打开，把里面的东西复制出；然后回到自己的仓库，同样的步骤走一遍，不过最后需要自己在那个文件夹（③）中创建一个文本文档，把后缀改成.css，然后把代码粘贴进去，保存，出来刷新一下，再启用就可以了。![[图片解释启用CSS.png]]
+已经完成的部分：
+
+'emphasize'：使字体变成橙色加粗，如：
+<span class='emphasize'>这是一段需要被强调的文字 </span>
+
+'danger'：它会把文字标红并加粗，用于警告，如：
+<span class="danger">这一段文字很危险</span>
+
+'solution'：这是一个专为解析设置的颜色块（姑且让我这么叫它）！调用方法与 example 等一样。如：
+>[!solution] 解析示例
+
+还在等什么呢，快去多学点前端的知识让我们的笔记更加漂亮吧！（雾）
\ No newline at end of file