主要是有三方面的优势：
搜索引擎友好，如果结构太深的话，不便于抓取，不利于seo蜘蛛对于网站结构的理解，从而影响收录或者排名；
代码的可维护度，如果太深的话，由于是多人开发，不便于同事读懂代码；
用js或jquery在操作dom的时候，方便理解和元素选取。
以上就是html页面中最好用扁平化的原因。
<input type="text" style="border:1px solid" />这个框就没有凹凸
你要是在样式表里写
input[type="text"]{border:1px solid}
那界面里所有的文本框就都没有凹凸样式。
