2 .想通过js设置css属性一定要查css名称对应的脚本属性。stylefloat
3 .style.cssText:获取所有的全部style属性
4 .getAttribute('style'):效果和上面等同
1 .修改元素的style属性
2 .修改元素的class或id
3 .插入样式标签
4 .改变页面的导入的样式表或者改变样式表
5 .className+='newClassName'
6 .className.replace(reg,'newClassName')
1 .app.style.width
1 .ie:app.currentStyle.width:
2 .document.defaultView.getComputedStyle(app,null).width:null-是否要取到伪类
3 .cssStyleSheet:获取一个页面引入的文件的数组
4 .cssStyleRuler:一个样式表里面所有的属性。
css 的Modules就是css模块的意思，就是设计了一些常用的css模块，当创建了对应的html内容之后，可以直接引入css模块，就可以立马设置好html的样式，非常方便，节省时间。由于CSS的规则是全局性的，添加任何一个样式，在全局都有效，优点是方便复用，缺点是会根据 权重的计算 造成样式冲突,非常难以管理。
有了钉子，自然就会有锤子。随着前端的发展出现了各种CSS模块解决方案，主要分两种：
一类是采用JS或者JSON 的方式写CSS，比如 jsxstyle , react-style ，虽然可以采用JS成熟方案来管理css, 但是它无法使用postcss ,sass等css预处理器，并且衍生了大批的api, 使用的代价较大。
另一类还是采用css 来写样式, 不过是通过工具生成CSS作用域的方式实现模块化，比如CSS module。常用的BEM命名技巧或者团队中约定的方案来实现命名空间从而实现模块化，不过约定总会出现问题，于是就出现了通过工具，比如webpack的css-loader根据算法，实现css 模块化。
webpack 内置的 css-loader 自带了CSS modoule, 配置如下:
create-react-app 2.0以上的版本中内置启动了CSS module, 如果需要特殊配置，则需要eject操作, 在webpack.config.js 中:
CSS module 默认采用局部样式，即给每个css 名添加上了“:local”, 对应的全局性的写法：
compose 组合样式：
对于样式复用，CSS module提供了唯一的方式 "compose":
多CSS class 的写法：
Sass 变量与JS共享
Css module 作者建议：
1.不使用选择器，只使用 class 名来定义样式
2.不层叠多个 class，只使用一个 class 把所有样式定义好
3.不嵌套
4.使用 composes 组合来实现复用
采用 classnames 来增强CSS module 在react 中的使用，类似Angular 中的样式指令：
参考链接： https://zhuanlan.zhihu.com/p/20495964
