一次偶然在鑫大技术博客上发现  style  标签配合contenteditable 可编辑属性 实现动态编辑css

　　这里我就回顾了下  contenteditable  可编辑属性 （这个属性并无浏览器兼容问题，常用来模拟textarea属性）

　　　　　　1.该属性有两个值   true（开启可编辑） false（关闭可编辑） 注意： 当元素中没有设置 contenteditable 属性时，元素将从父元素继承。

　　在style上利用 contenteditable属性 可将style内容类似于在textarea中显示出来，并且是可编辑的，在编辑的时候代码会相应的响应反馈给浏览器，这就给了我们可以利用该属性来做

<style contenteditable>.test-box{ width:60px;height:60px;background:pink;}</style>