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，以提高網頁的加載速度和性能。