我们在页面上写的大部分标签都是不可以编辑的
但是一旦你给元素加上 contenteditable 属性以后, 就变成可以编辑的了
<div contenteditable>
hello world
</div>
我们可以写一个内联样式, 写在 body 标签里面
<body>
<style contenteditable style="display: block; height: 100px; overflow: auto;">
div { width: 100px; height: 200px; }
</style>
<div>
hello world
</div>
</body>
那么我们就可以直接在页面上测试 css 样式了