說到CSS，自從網(wǎng)站建設(shè)進(jìn)入web2.0時代以來，它就占據(jù)著舉足輕重的作用。

在web2.0之前，網(wǎng)站大多數(shù)都是由table構(gòu)建而成的靜態(tài)網(wǎng)頁，但是到了web2.0之后，DIV+CSS的網(wǎng)站編寫模式就開始流行起來。

在之前的文章中，我們對CSS的概念進(jìn)行了了解，在這里我們著重學(xué)習(xí)一下如何在自己的頁面中引用CSS。

要想在自己的頁面中引入CSS，總共有三種方式：嵌入引用、頁面引用、外部引用。

CSS嵌入引用方式

這是以前最為流行的方式，因為簡單方便，直接在某個元素的標(biāo)簽中引入CSS樣式，從而對該元素進(jìn)行定義。

不過這種方式不符合前端解耦的原則，將樣式耦合在結(jié)構(gòu)標(biāo)簽中，這是違背網(wǎng)站優(yōu)化準(zhǔn)則的。

而且這種編寫CSS樣式的方法不能讓該樣式復(fù)用，從而加大編碼投入。

CSS頁面引用方式

這是針對某一個頁面進(jìn)行CSS樣式設(shè)定的引用方式，主要是將CSS的樣式寫入

它的好處是可以對每個頁面的大多數(shù)元素進(jìn)行統(tǒng)一樣式管理，作用域是該頁面，在一些特殊情況下可以采用。

CSS外部引用方式

這是目前最為流行的CSS引用方式，將所有CSS樣式寫入一個CSS文件，通過標(biāo)簽引入頁面，從而達(dá)到對整站樣式統(tǒng)一管理的目的。

這種引用方式的好處是一次編寫，每個頁面都能夠使用，比如CSS Reset就是采用外部引用的方式將每個頁面的元素樣式進(jìn)行重置，所有外部引用的CSS文件只需要寫進(jìn)一個公用頭文件即可。

引用方式的優(yōu)先級

雖然嵌入引用最不可取，但是由于它本身離目標(biāo)元素最近，所以它的樣式會覆蓋其余兩種引用方式的樣式，它們?nèi)叩膬?yōu)先級是嵌入引用>頁面引用>外部引用，這點需要注意。

寫在最后

CSS的引用方式非常豐富，按照你的需求選擇不同的引用方式，才能夠靈活地將你想要的樣式融合在整個頁面中去。

文章名稱：如何在網(wǎng)站中引用CSS？
轉(zhuǎn)載來源：http://jinyejixie.com/news/39594.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、自適應(yīng)網(wǎng)站、響應(yīng)式網(wǎng)站、網(wǎng)站設(shè)計、品牌網(wǎng)站制作、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)