回顾发现的新原则,觉得真的很正确,在这里补充一下哈
我们都知道,HTML负责结构,就像人的头骨,决定着整体。css负责样式,就像人头骨上的肉,决定人长得丑美。javascript负责行为,就像人的表情。
所谓内容样式分离原则是指:
写HTML的时候先不要管样式,重点放在HTML的语义化和结构上,让HTML能够体现页面结构和内容。
HTML中不要出现属性样式
<img width:100px>
,尽量不要出现行内样式,如<div style="color:red">
。javascript不要直接去操作样式,比如
ddocument.getElementsByClassName('btn').css('background':'red')
,而是以添加class的方式进行。
2017.08.08更新:
现在流行的react框架却主张css in javaScript
模式,目的是让代码更加独立。于是你会在react的代码中看到类似于<div style={{color:'red'}}>样式内联啦啊啊啊啊!</div>
,样式分离原则越来越被摈弃。