如何在網(wǎng)站中引用CSS？

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

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

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

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

CSS嵌入引用方式

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

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

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

CSS頁(yè)面引用方式

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

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

CSS外部引用方式

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

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

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

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

寫在最后

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

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

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

廣告

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