浏览器的渲染机制行内style是什么原则

Question

若html文档开头使用了link 引用css文件后，html文档中又使用了好多行内样式。cssom的构建过程是什么样的。

是遇到行内样式就重绘吗？

Answer 1

DOM Tree 和样式结构体组合后构建render tree,
render tree中每个NODE都有自己的style
修改了行内样式有可能引起 重绘 也有可能引起 回流（也称为重排）具体根据样式属性而定

Answer 2

下面是渲染引擎在取得内容之后的基本流程：
解析html以构建dom树 -> 构建render树 -> 布局render树 -> 绘制render树
渲染引擎开始解析html，并将标签转化为内容树中的dom节点。接着，它解析外部CSS文件及style标签中的样式信息。这些样式信息以及html中的可见性指令将被用来构建另一棵树——render树
http://kb.cnblogs.com/page/12...