加载CSS加载是异步的，不会影响DOM树的构建。这只是意味着在处理CSS之前，构建的DOM不会显示。白屏时间长，不建议将图片/字体转成base64放在CSS中。当DOM匹配css规则后，首先要等待页面的css下载完成。灵感：在head中css要下载。如果将CSS放在正文中，它将重新计算css语法：选择器。你可以在课程9中了解更多选择器：复合选择器的特点（css设计原则）：选择器出现的顺序必须与构建DOM树的顺序一致，即保证选择器能够准确判断是否它在DOM树构建到当前节点时匹配，不需要后续节点信息——以后不可能有“父元素选择器”。渲染，每生成一个dom节点，立即匹配对应的css规则Space:Descendants，选择它的子节点和所有子节点的后代节点：Descendants，选择它的子节点+:directsuccessorselector，选择它的下一个相邻node~:successor,选中后的所有相邻节点||:column,选中表格中的一列winter我就不说怎么解析css规则了，词法分析和语法分析就不重复了cssomCSSOM主要是DOM结构上面的框的描述，基本上是依附于DOM树，不要和css语法树混淆cssom有规则部分和视图部分，规则部分在dom开始之前完成，视图部分跟在dom之后是同步构建的。css选择器匹配过程推进：一个CSS选择器根据复合选择器拆分成若干段，每满足一个条件就推进一段。back：选择器的范围，当匹配到这个标签的结束标签（范围的边缘）时，会回退。后代选择器“空格”规则：前向：当找到匹配a#b的元素时，我们将开始检查其所有子元素是否匹配.cls（前进到.cls）后向：遇到时，我们必须制定规则a#b.cls后退一步（回到a#b）这样第三个span就不会被选中——后代选择器的范围是父节点的所有子节点，所以规则匹配到这个标签Fallbackwhenclosinga标签。a#b.cls{width:100px;
