在網頁開發中，有時候我們需要屏蔽掉全局CSS，只使用自己編寫的CSS文件。這種情況往往出現在我們需要為一個組件或者頁面單獨編寫CSS樣式的時候。

下面介紹兩種方法來屏蔽掉全局CSS。

方法一：使用reset.css

<link rel="stylesheet" type="text/css" href="reset.css">
<style>
/* 在這里編寫自己的CSS樣式 */
</style>

reset.css是一種可以將默認樣式全部清除掉的CSS文件，我們可以先將reset.css引入，再在自己的CSS文件中編寫樣式，這樣全局CSS將被屏蔽掉。reset.css可以從網上免費下載。

方法二：使用scoped屬性

<style scoped>
/* 在這里編寫自己的CSS樣式 */
</style>

scoped是HTML5新增的屬性，它可以讓樣式只影響當前標簽內的元素，而不影響其他標簽的元素。在HTML中使用scoped屬性即可屏蔽掉全局CSS，但是目前這種方式兼容性不夠好，建議使用第一種方法。