同學(xué)你好!做前端開發(fā),css是必須要學(xué)習(xí)和掌握的技術(shù),但在學(xué)習(xí)的過(guò)程當(dāng)中,也會(huì)遇到不少難題。在這里重點(diǎn)講一下css引入方式有幾種,以及每種方式的優(yōu)點(diǎn)和缺點(diǎn),以方便開發(fā)者在應(yīng)用當(dāng)中合理選擇。
一、css是什么
我們用瀏覽器上網(wǎng)時(shí)所打開的網(wǎng)頁(yè),會(huì)有不同的文字格式、排版布局,還可以呈現(xiàn)出各種顏色,這都是依靠css來(lái)實(shí)現(xiàn)的。如果沒(méi)有css,那么我們看到的就是和記事本一樣顯示出來(lái)的文字,而css的存在,就是為了對(duì)網(wǎng)頁(yè)的呈現(xiàn)形式進(jìn)行描述,而且功能非常強(qiáng)大。
二、css引入方式有幾種,優(yōu)缺點(diǎn)分別是什么
1.內(nèi)聯(lián)樣式,這是一種比較簡(jiǎn)單的引入方式,通常也是初學(xué)者最先學(xué)會(huì)的一種方式。如果是設(shè)計(jì)簡(jiǎn)單的網(wǎng)頁(yè),用這種方式是最方便的,能夠很快速地對(duì)元素進(jìn)行定義,但對(duì)于復(fù)雜的效果就很難實(shí)現(xiàn)了。
2.內(nèi)部樣式,適合應(yīng)用與設(shè)計(jì)復(fù)雜的網(wǎng)頁(yè)當(dāng)中,它能夠?qū)崿F(xiàn)更精美的網(wǎng)頁(yè)版面,但如果是多頁(yè)面的網(wǎng)頁(yè),每個(gè)頁(yè)面都需要重復(fù)編寫一次,徒增了工作量。
3.外部樣式,它具有內(nèi)部樣式的優(yōu)點(diǎn),能夠?qū)?fù)雜的網(wǎng)頁(yè)設(shè)計(jì)進(jìn)行定義,即便是在一個(gè)網(wǎng)頁(yè)當(dāng)中有大量復(fù)雜的元素,也同樣可以有條不紊地進(jìn)行布局,而且開發(fā)的過(guò)程很清晰。它非常適合用于多頁(yè)面的網(wǎng)頁(yè),因?yàn)橹灰褬邮酱a寫好,就可以在不同的網(wǎng)頁(yè)當(dāng)中直接引用,而無(wú)需重新編寫。當(dāng)然它的缺點(diǎn)就是引用的過(guò)程會(huì)消耗一定時(shí)間,從而產(chǎn)生輕微的延遲。
以上簡(jiǎn)單介紹了css引入方式有幾種,以及不同方式的優(yōu)點(diǎn)和缺點(diǎn)。有經(jīng)驗(yàn)的程序員會(huì)有自己的工作習(xí)慣,比如更傾向于用一種固定的方式來(lái)寫css樣式,但也會(huì)在有必要的時(shí)候合理選擇,從而降低自己的工作量。