在創建網頁時,為了美化網頁樣式、添加特效等需求,經常需要導入CSS(層疊樣式表)。下面就來介紹幾種在網頁中導入CSS的方法:
1.內部CSS:
<head> <style> p { color: red; } </style> </head>
這種方法是在head標簽中使用style標簽來定義CSS,會使得整個HTML文檔的樣式都受到影響。上面的代碼是將所有的p標簽文字顏色設置為紅色。
2.外部CSS:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
這種方法是將CSS文件單獨創建一個樣式文件,然后通過link標簽引用。樣式文件可以使用任何文本編輯器編寫,然后將文件保存為.css格式,例如上面的代碼中的style.css。
3.行內CSS:
<p style="color:red;">我是一段紅色文字</p>
這種方法直接在標簽中使用style屬性來定義CSS,只會影響到當前標簽內的樣式,例如上面的代碼將p標簽內的文字顏色設置為紅色。
綜上所述,以上是在網頁中導入CSS的三種方法。對于不同應用場景,選擇不同的方法可以更好地優化網頁效果。