添加CSS規(guī)則的方法如下:
1、內(nèi)聯(lián)樣式:直接在HTML元素中添加style
屬性,然后寫入CSS規(guī)則。
<p style="color: red;">這是一段紅色的文本。</p>
2、內(nèi)部樣式表:在HTML文檔的<head>
部分添加<style>
標簽,然后寫入CSS規(guī)則。
<head> <style> p { color: red; } </style> </head> <body> <p>這是一段紅色的文本。</p> </body>
3、外部樣式表:創(chuàng)建一個單獨的CSS文件,并在HTML文檔的<head>
部分通過<link>
標簽引入,假設(shè)你有一個styles.css
如下:
p { color: red; }
然后在HTML文檔中引入:
<head> <link rel="stylesheet" href="styles.css"> </head> <body> <p>這是一段紅色的文本。</p> </body>
4、樣式表導入:在CSS文件中導入另一個CSS文件,假設(shè)你有一個common.css
如下:
p { color: red; }
然后你可以在另一個CSS文件中導入它:
@import url('common.css');
這種方法可以讓你將CSS規(guī)則添加到你的網(wǎng)站中,提高網(wǎng)站的可讀性和可維護性,使用外部樣式表還可以讓你的網(wǎng)站更容易進行主題更改或響應式設(shè)計。