在 HTML 中,我們可以通過 <link> 標簽或內聯樣式 <style> 標簽來添加 CSS。
要新增CSS,我們可以使用 <link> 標簽將外部CSS文件鏈接到HTML文檔中。例如,下面的代碼連接了一個名為 styles.css 的CSS文件。
<head> <link rel="stylesheet" href="styles.css"> </head>
如果我們想在HTML文檔中使用內聯樣式標簽,可以使用 <style> 標簽在文檔的 <head> 部分。例如,如下代碼將在文檔中使用內聯樣式。
<head> <style> h1 { color: red; font-size: 36px; } </style> </head>
要移除CSS,我們可以刪除其對應的鏈接標簽或內聯樣式標簽。此外,我們還可以使用JavaScript來移除CSS樣式。下面是一個示例,演示如何通過JavaScript從文檔中刪除CSS樣式。
<script> var links = document.getElementsByTagName('link'); for (var i = 0; i < links.length; i++) { if (links[i].href == 'styles.css') { links[i].parentNode.removeChild(links[i]); } } </script>
這個JavaScript代碼使用了 getElementsByTagName 函數來獲取所有的鏈接標簽,并使用了遍歷循環來查找 href 屬性為 styles.css 的鏈接標簽。然后,使用 parentNode.removeChild 函數從文檔中刪除鏈接標簽。