在使用CSS樣式表美化網(wǎng)頁的時候,我們會使用“內(nèi)聯(lián)”和“外聯(lián)”的方式。那么這兩種方式有哪些區(qū)別呢?
首先,我們可以先來看一下“內(nèi)聯(lián)”的方式,也叫做“行內(nèi)樣式表”。這種方式將CSS樣式直接寫在HTML標(biāo)簽的style屬性中。如下的代碼:
<p style="color:red;font-size:16px;">這是一個紅色的文字,字體大小為16像素。</p>
我們可以看到,CSS樣式是直接寫在了HTML標(biāo)簽里面。這種方式的優(yōu)點是可以直接對某個標(biāo)簽進行樣式定義,非常方便。但是當(dāng)需要對多個標(biāo)簽進行相同的樣式調(diào)整的時候,就需要對每個標(biāo)簽都進行修改,非常繁瑣。
而外聯(lián)樣式表則是將CSS樣式單獨寫在一個.css文件中,然后在HTML中通過link標(biāo)簽進行引用。如下所示:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
這樣,在style.css中定義的樣式就可以應(yīng)用到HTML的標(biāo)簽上了。不僅如此,外聯(lián)樣式表還可以對多個HTML文件進行共享,使得網(wǎng)站的樣式統(tǒng)一,維護起來也非常方便。
綜上所述,內(nèi)聯(lián)樣式表和外聯(lián)樣式表各有其優(yōu)缺點。需要根據(jù)具體的情況來選擇使用哪種方式。
上一篇css外框架屬性