CSS（层叠样式表）是网页开发中非常关键的一部分，可以实现网页外观的美观和一致性。然而，有一种常见的说法是CSS会阻塞DOM的加载，导致网页加载缓慢。
事实上，这种说法是不准确的。CSS不会直接阻塞DOM的加载，但是它能影响到渲染树的构建和渲染性能。
当浏览器解析HTML文档时，会根据HTML和CSS中的信息构建DOM树和CSSOM树，然后将它们合并成为渲染树。渲染树是浏览器用来渲染网页的最后一步，其中包含了所有需要显示的元素、它们的布局、样式等信息。
因此，在构建渲染树之前，浏览器必须先构建DOM树和CSSOM树。此时，如果CSS文件过大或者存在复杂的选择器，那么解析CSS的时间将会延长，导致DOM的解析和渲染的整个过程变慢。这样一来，就会错觉CSS阻塞了DOM的加载。
<!DOCTYPE html> <html> <head> <title>测试CSS对DOM的阻塞效果</title> <link rel="stylesheet" href="style.css"> </head> <body> <img src="logo.jpg"> <p>这是一段文本。</p> </body> </html>
在上述代码中，如果加载style.css文件比较慢，那么在显示文本内容之前用户可能会看到一片空白。
为避免这种情况的发生，我们可以采取一些优化策略，例如：
1. 压缩和合并CSS文件，减少请求和加载时间。
2. 避免使用复杂的选择器，选择器的嵌套层数不要超过三层。
3. 通过使用标签中的media属性或者使用媒体查询来按需加载CSS。
总之，CSS并不会直接阻塞DOM的加载，但是它能影响到DOM的解析和渲染树的构建。因此我们需要尽可能地优化CSS，以提高网页的加载速度和性能。