說到CSS，自從網(wǎng)站建設(shè)進(jìn)入web2.0時(shí)代以來，它就占據(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嵌入引用方式

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

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

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

CSS頁面引用方式

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

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

CSS外部引用方式

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

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

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

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

寫在最后

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

本文題目：如何在網(wǎng)站中引用CSS？
標(biāo)題URL：http://jinyejixie.com/news44/39594.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、營銷型網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、服務(wù)器托管、小程序開發(fā)

廣告

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