CSS外部樣式表是一種在網(wǎng)頁(yè)中能夠?qū)崿F(xiàn)向所有頁(yè)面應(yīng)用同一種樣式的方式。通常情況下,CSS的樣式代碼會(huì)直接嵌入到HTML文檔中,但是當(dāng)網(wǎng)頁(yè)規(guī)模較大時(shí),使用外部樣式表能夠更加方便地管理頁(yè)面樣式。下面是CSS外部樣式表的基本格式:
<link rel="stylesheet" type="text/css" href="樣式表文件名.css">
上面的代碼中,我們使用了link元素來(lái)引用外部的樣式表文件,其中href屬性用于指定樣式表文件的路徑。type屬性指定鏈接文件的類型,通常設(shè)為"text/css"。rel屬性是將鏈接的樣式指向打開的HTML文檔的方式,可以設(shè)為stylesheet。
在外部樣式表文件中,我們可以使用CSS的所有規(guī)則來(lái)為元素設(shè)定各種樣式。下面是一個(gè)基本的樣式表示例:
/*樣式表示例*/ body { font-family: Arial, sans-serif; font-size: 16px; background-color: #f5f5f5; } h1 { font-size: 28px; color: #333; } a { text-decoration: none; color: #00bfff; transition: color .3s ease; } a:hover { color: #0066cc; }
在上面的代碼中,我們?yōu)閎ody元素設(shè)置了字體、字體大小和背景顏色。同時(shí),我們還為網(wǎng)頁(yè)中的標(biāo)題h1元素設(shè)置了字體大小和顏色,設(shè)置了超鏈接a元素的文字顏色,且鼠標(biāo)懸停時(shí)文字顏色會(huì)發(fā)生變化。
最后,我們需要在HTML文檔中使用link元素將外部樣式表應(yīng)用到文檔中,具體可以參見前面的代碼示例。這樣,網(wǎng)頁(yè)中的所有元素就會(huì)按照我們?cè)跇邮奖碇性O(shè)定的樣式來(lái)呈現(xiàn)了。
上一篇css外部路徑在哪里