CSS作用域標簽是一種非常實用的工具，它可以將CSS規則局限在特定的DOM元素內部，以避免樣式沖突。有兩種方式可以創建CSS作用域標簽，一種是使用Shadow DOM，另一種是使用Scoped CSS。

<div>
<h1>這是一個標題</h1>
<scoped>
<p>這是一個有作用域的段落</p>
<style scoped>
p {
color: red;
}
</style>
</scoped>
</div>

Scoped CSS是使用<scoped>標簽定義CSS規則，作用域限定在包含該標簽的元素內部。在上面的例子中，我們將<p>元素的文字顏色設為紅色。因此，只有該<p>元素內部的文字顏色為紅色，而外部元素的文字顏色不受影響。

Shadow DOM是一種更加強大的技術，它可以將元素內部的HTML、CSS和JavaScript封裝起來，形成一個獨立的作用域。這種方式需要使用<shadow-root>標簽。

<div>
<h1>這是一個標題</h1>
<div id="scopedDiv"></div>
</div>