在过去，互联网充斥着糟糕的网页设计、无法阅读的字体、相互冲突的颜色，而且没有适合屏幕大小的东西。当时，web浏览器允许用户编写CSS样式表，浏览器使用CSS样式表覆盖页面设计者所做的样式选择。此用户样式表将字体设置为一致的大小，并将页面设置为显示指定的颜色背景。这一切都是关于一致性和可用性的。

用户样式表的受欢迎程度直线下降

然而，现在，用户样式表并不常见。Google Chrome不允许这样做，Firefox正在逐步淘汰。对于Chrome，您需要一个扩展来创建用户样式表。Firefox要求您通过开发者页面启用该选项。用户样式表消失了，因为网页设计更好。

如果您仍然想尝试使用用户样式表，可以，但不建议这样做。你很可能会破坏你访问的页面，或者让它们变得非常难看。

在firefox中启用用户样式表

要开始使用Firefox中的用户样式表，请启用它们。这只需要几秒钟，但该选项隐藏在Firefox配置页面中。

1. 打开Firefox，在地址栏中键入about:config。
2. Firefox会将您带到一个页面，警告您进一步操作将导致浏览器混乱。接受风险，继续前进。
3. 您将看到的下一页只是一个搜索栏。在搜索中键入toolkit.legacyUserProfileCustomizations.stylesheets。
4. 应该只有一个结果。双击它将该值设置为true。
5. 关闭Firefox。

创建firefox用户样式表

现在Firefox将接受您的样式表，您可以创建一个。该文件与其他CSS没有什么不同。它位于浏览器的用户配置文件目录中的文件夹中。

1. 找到Firefox用户配置文件目录。在Windows上，您可以在C:\Users\username\AppData\Roaming\Mozilla\Firefox\Profiles\中找到它。在Mac上，它位于Library/Application Support/Firefox/Profiles中。在Linux上，它位于/home/username/.Mozilla/Firefox中。
2. 在该文件夹中，至少有一个文件夹的名称为随机字符字符串，后跟.default或.default版本扩展名。除非您创建了另一个，否则这就是您需要的配置文件文件夹。
3. 在profile one中创建一个新文件夹，并将其命名为chrome。
4. 在chrome目录中，创建一个名为userContent.css的文件，并在您选择的文本编辑器中打开它。
5. 您可以在这个文件中放入任何内容，只要它是有效的CSS。为了说明这一点，让所有网站看起来都很可笑。将背景色设置为亮粉色：主体，主{背景色：#FF00FF！重要；}该颜色！最后重要的是重要。通常，使用！在CSS中重要是一个坏主意。它打破了样式表的自然流程，可能使调试成为一场噩梦。但是，在这种情况下需要覆盖站点现有的CSS。您创建的每个规则都需要它。
6. 更改字体大小。p{font size:1.25rem！重要；}h1{font size:1rem！重要；}h2{font size:1.75rem！重要；}h3{font size:1.5rem！重要；}p，a，h1，h2，h3，h4{字体系列：'Comic Sans MS'，Sans serif！重要；}
7. 保存并退出文件。
8. 打开Firefox并导航到一个页面进行试用。如果您设置了本例中使用的规则，则该站点应该看起来很糟糕。

将chrome扩展与google chrome一起使用

Google Chrome不支持用户样式表，而且从来都不支持。Chrome不是为它而建的。很多都是因为它有更现代的起源。另一部分是哲学上的差异。Firefox在构建时始终考虑到用户控制，而Chrome更多的是由谷歌拥有和控制的商业产品。他们真的不在乎你对浏览器有多大的控制权。

然而，有一些Chrome扩展允许你实现用户样式表来定制你的浏览体验。本指南使用扩展名style启用Chrome中的用户样式表。

1. 打开Chrome。
2. 选择屏幕左上角的三个堆叠点菜单图标。导航到更多工具&gt；扩展。
3. 在Chrome extension选项卡中，选择屏幕左上角的三层线菜单图标。一个新的菜单滑了出来。选择底部的Open Chrome Web Store。
4. 在Chrome网络商店中，使用搜索功能查找时尚的。
5. 时尚应该是结果中的第一个扩展。选择它。
6. 在“时尚”页面上，选择“添加到Chrome”。
7. 此时会出现一个弹出窗口，要求您确认添加。选择添加扩展名。
8. Chrome会显示一个页面，让您知道安装了Style。从那里，您可以转到任何页面或关闭选项卡。
9. 选择Chrome窗口右上角的拼图扩展图标。从菜单中选择时尚。
10. 一个新的时尚菜单打开。选择右上角的三个堆叠点菜单图标。
11. 从结果菜单中，选择“创建新样式”。
12. Chrome将为您的样式打开一个新选项卡。使用左上角的字段为其命名。
13. 使用CSS在选项卡的主体中为样式创建新规则。一定要用！重要信息：在每个规则之后，确保规则覆盖站点现有的style.body，main{background color:#FF00FF！important；}
14. 选择左侧的“保存”保存新样式。你应该看到它立即应用。
15. 浏览到网站以测试新样式表。style允许您控制样式表，并将其选择性地应用于您选择的站点。探索扩展的控件，了解如何对用户样式表进行微调。