CSS是網頁樣式表的一種編寫語言,一個網頁中需要加載CSS樣式表才能完成網頁排版。那么,如何在網頁中引用CSS樣式表呢?
首先,在網頁的head標簽中引入CSS樣式表,可以使用link標簽。代碼如下:
<head>
<link rel="stylesheet" href="style.css">
</head>
其中,link標簽的rel屬性指定了外部文件與當前文檔的關系,值為“stylesheet”表示外部文件為網頁的CSS樣式表。href屬性指定CSS文件的路徑,這里是style.css文件。
可以把CSS文件存在與網頁同一級目錄下,也可以寫出CSS文件的絕對路徑。比如:
除了link標簽,在head標簽也可以使用style標簽來直接編寫CSS樣式表。代碼如下:<head>
<style type="text/css">
/* CSS樣式表代碼 */
</style>
</head>
style標簽內需要寫入type屬性,值為“text/css”,用于表示樣式表的類型。
在部分特殊情況下,如導入來自CDN(內容分發網絡)的第三方StyleSheet 樣式表庫,需要使用script標簽以及某些建議的屬性,如async等去引入CSS文件。具體情況建議官方文檔。
綜上所述,網頁引用CSS樣式表有多種方式,最常見的是使用link標簽在head標簽中引入外部CSS文件。在編寫CSS樣式表文件的時候,需要注意文件路徑和文件名是否正確。上一篇怎么弄css文件