phpcss抽离技巧_在CSS中若何把JavaScript中抽离出来

这种方法是会存在问题的，由于样式信息是通过JavaScript而非CSS来承载的。
当涌现了样式问题，你常日首先会去查找CSS。
知道你精疲力竭地打消了所有可能性，才会去JavaScript中查找样式信息。

开拓者修正了style工具还有一种办法，给cssText属性赋值全体CSS字符串，看下一个例子。

利用cssText属性只是一次性设置多个CSS属性的一种快捷写法。
这种模式同样

将CSS从JavaScript中抽离意味着所有的样式信息都应该保持在CSS中。
当须要通过JavaScript来修正元素样式的时候，最佳方法操作CSS的className，比如，我想在页面中显示一个对话框，在CSS中的样式定义是像下面这样的。

由于CSS的className可以成为CSS和JavaScript之间通信的桥梁。
在页面的生命周期中，JavaScript可以随意添加和删除元素的className。
而className所定义的样式则在CSS代码之中。
任何时候，CSS中的样式都是可以修正的，而不必更新JavaScript。
JavaScript不应当直接操作样式，以便保持和CSS的松耦合。

有一种利用style属性的环境是可以接管的：当你须要给页面中的元素作定位，使其相对付其余一个元素或全体页面重新定位。
这种打算是无法在CSS中完成的，因此这时是可以利用style.top、style.left、stylebottom和style.right来对元素作精确定位的。
在CSS中定义这个元素的默认属性，而在JavaScript中修正这些默认值。