内容样式分离原则

回顾发现的新原则，觉得真的很正确，在这里补充一下哈

我们都知道，HTML负责结构，就像人的头骨，决定着整体。css负责样式，就像人头骨上的肉，决定人长得丑美。javascript负责行为，就像人的表情。

所谓内容样式分离原则是指：

1. 写HTML的时候先不要管样式，重点放在HTML的语义化和结构上，让HTML能够体现页面结构和内容。

2. HTML中不要出现属性样式<img width:100px>，尽量不要出现行内样式，如<div style="color:red">。

3. javascript不要直接去操作样式，比如ddocument.getElementsByClassName('btn').css('background':'red')，而是以添加class的方式进行。

---

2017.08.08更新：
现在流行的react框架却主张css in javaScript模式，目的是让代码更加独立。于是你会在react的代码中看到类似于<div style={{color:'red'}}>样式内联啦啊啊啊啊！</div>，样式分离原则越来越被摈弃。