在网页开发中，CSS是用于美化页面、控制页面布局和样式的关键工具。虽然大多数情况下，开发者会在HTML文件中直接嵌入CSS样式，但在某些情况下，我们可能需要根据用户的行为或某些条件动态地添加或修改CSS样式。本文将介绍如何使用JavaScript（JS）动态添加CSS，从而打造个性化的网页风格。
1. 动态添加CSS的背景
1.1 用户交互
当用户与网页进行交互时，如点击按钮、切换选项等，我们可以根据用户的操作动态添加或删除CSS样式。
1.2 动态内容
在动态生成内容（如通过AJAX获取数据）的网页中，可能需要在内容加载后添加相应的CSS样式。
1.3 个性化需求
用户可能希望在访问网页时根据自己的喜好定制样式，这时可以通过JavaScript动态添加CSS来实现。
2. 使用JavaScript动态添加CSS
2.1 创建CSS规则
在JavaScript中，我们可以通过创建