Google chrome DevTools：如何定义用户样式表并在默认情况下加载它？

今天在Smashing杂志的Facebook页面上有一条帖子：

刚刚看到一个年轻女孩向她的（惊奇的）朋友炫耀Devtools， 向Facebook添加转换。Web开发人员在开发之后拥有神奇的能力 全部的Quote：“只需在用户样式表中定义旋转和倾斜，加载 默认情况下，你的男朋友会在瞬间发疯。”

---

有人能指导我完成这个过程吗？

在chrome中，点击

Ctrl-Shift-I

打开开发工具。从那里，点击

元素

选项卡。如果你现在正在阅读，请在这个页面上完成。你应该看到stackoverflow的HTML。点击

标签，然后从左边看，上面写着

样式

在这里，查看它显示的

background color:white

，然后单击

white

。你应该能够在那里输入你自己的颜色，并且你会立即在页面上看到更改。你可以在任何页面上使用页面中的任何HTML块执行此操作。你可以添加样式属性，编辑它们，等等。你也可以修改页面的Javascript。Pla用它来绕圈子

---

玩得开心。

非常感谢。还有一件事，正如我从中了解到的——“在用户样式表中定义旋转和倾斜，默认情况下加载它"-有一种方法可以保存更改并加载更改，即使在新选项卡中打开sitw时也是如此。旋转和倾斜是CSS webkit样式。您只需像Chrome dev-tools中的任何其他CSS属性一样添加它们。很抱歉，没有完成注释并意外发布，问题是是否有方法保存更改并加载它们，即使在站点处于o状态时也是如此挂起一个新的标签不是我所知道的，不是。你总是可以把这些东西放在剪贴板上粘贴，或者制作一个样式表，保存到某个文件服务器上，然后每次加载时更改样式表导入以包含该样式表。