8.2日(rì)音(yīn)訊,重溫頁面引進css的(de)要(yà✘λ≠→o)點和(hé)方法

 　　8.2日(rì)音(yīn‍ )訊,重溫頁面引進css的(de)要(yào)點和(h ÷↑é)方法。我們大(dà)家(jiā)在做(zuò)網頁時(s♣£✔ hí)，css的(de)引入是(shì)最基本的(de)事₽≤(shì)情，也(yě)是(shì)常用(yòng)的(de)。我們在網 σ↔頁中最常用(yòng)的(de)恐怕就(jiù)是(shì)鏈接式的(d׶β≤e)加入方法了(le)，其它還(hái)有(yǒ≠≥φu)三種方法，像行(xíng)內(nèi)樣式←↑♣、內(nèi)嵌樣式以及用(yòng)的(de)很(hě¶☆>n)少(shǎo)的(de)導入樣式。下(xià)面我們就(j↑←¶πiù)來(lái)一(yī)一(yī)重溫這(zhè)幾種方法的(de)優Ω§★₽點和(hé)在操作(zuò)中注意的(de)要(yào)點，僅供∏♣'大(dà)家(jiā)參考，如(rú)大(dà)家(jiā)對(duì‍¥)此有(yǒu)更多(duō)好(hǎo)的(de)想法和<<♦±(hé)建議(yì)歡迎大(dà)家(jiā)來(lái)一(yī)塊₩ε>探討(tǎo)。

　　第一(yī)：就(jiù)是(shì)鏈接式，也(yě)是>σ(shì)我們用(yòng)的(de)最多(duō)的(de)β₹≈一(yī)種，它的(de)方法是(shì)在頁面head部分(f☆λΩēn)加入,引入外(wài)部的(de)CSS文(w¥Ωén)件(jiàn)。

　　這(zhè)種方法可(kě)以說(shuō)是(shì)現(®♠←∑xiàn)在占統治地(dì)位的(de)引入方'₽×法。如(rú)同IE與浏覽器(qì)。這(zhè)也(≤&¶≥yě)是(shì)最能(néng)體(tǐ) ₩✘現(xiàn)CSS特點的(de)方法；最能(néng)體(tǐ)現(xi×® §àn)DIV+CSS中的(de)內(nèi)容與∞>★♦顯示分(fēn)離(lí)的(de)思想，也(y®© ♦ě)最易改版維護，代碼看(kàn)起來(lái)也(y‌'•ě)是(shì)最美(měi)觀的(de​Ω)一(yī)種。

　　第二就(jiù)是(shì)內(nèi)嵌式，它是(sΩ↓↓εhì)在head部分(fēn)加入以下(xià)代碼來(lái)實現(x≈≈iàn)。

　　p{margin:0;paddin¥✔g:0;border:1pxredsolid;}

　　這(zhè)種方法的(de)使用(yòng)情況要(‍©>±yào)少(shǎo)的(de)多(duō)，最長(cháng)見(jiànσ"∏)得(de)就(jiù)是(shì)訪問(wèn)量大(dà)的(de±"♥‌)門(mén)戶網站(zhàn)。或者訪問(w↔ èn)量較大(dà)的(de)企業(yè)網站(z÷"Ωhàn)的(de)首頁。與第一(yī)種方法比起來(lái)，↔¥ ♣優點突出，弊端也(yě)明(míng)顯。優點：∞¶♦δ速度快(kuài)，所有(yǒu)的(de)CSS控制(zhì)都(dōu)是♣€(shì)針對(duì)本頁面标簽的(de)，沒有(yǒu)多(duō)•'∏餘的(de)css命令；再者不(bù)用(¥δ♥yòng)外(wài)鏈css文(wén)件  (jiàn)。直接在html文(wén)檔中讀(dú)取樣式<•φ 。缺點就(jiù)是(shì)改版麻煩些(xiē)，單個(gè)頁面顯得Ω↑∑(de)臃腫，css不(bù)能(néng)被其他(tā)html引用(yò✘♦≥•ng)造成代碼量相(xiàng)對(duì)Ω₽γ‌較多(duō)，維護也(yě)麻煩些(xiē)。但(dàn)是(shì)采用(≥‍yòng)這(zhè)種方法的(de)公司大(dà) φ♦多(duō)力量大(dà)，對(duì)他(tā)們來(lái→¶γ)說(shuō)用(yòng)戶量是(shì)關鍵，他(tā)們不(bùδ≈)缺人(rén)進行(xíng)複雜(zá)的(de)≥≈↔•維護工(gōng)作(zuò)。

　　第三：就(jiù)是(shì)行(xíng)內λ♥(nèi)樣式了(le)，直接在頁面的(de)标簽裡(lǐ)λπ≤加測試信息

　　這(zhè)種方法現(xiàn)在用(yòng≤✘→λ)的(de)很(hěn)少(shǎo)，很(hěn)多(duō∞‍σ)公司不(bù)了(le)解前端技(jì)術(shù)的(de)領導還★♠£(hái)對(duì)這(zhè)種寫法很δ≈←¥(hěn)痛恨。認為(wèi)ＨＴＭＬ裡(lǐ)不(bù)能(nén£×✔≈g)出現(xiàn)ＣＳＳ命令。其實有(yǒu)π↓β時(shí)候使用(yòng)下(xià)也(yě)沒有(yǒu)什(shéφ♥÷®n)麽大(dà)不(bù)了(le)。比如(rú)通(tōng)用(€→​≤yòng)性差，效果特殊，使用(yòng)css命令較少"∞♦(shǎo)，并且不(bù)常改動的(de)地(dì)方，使用(yòε≤‌♣ng)這(zhè)種方法反而是(shì)很(h≤•☆ěn)好(hǎo)的(de)選擇。

　　除了(le)這(zhè)三種常用(yò≠•ng)的(de)css引入方式，還(hái♥®₹)有(yǒu)種很(hěn)多(duō)人(rén)都(dōu&∏‍γ)知(zhī)道(dào)但(dàn)卻沒有(yǒu)見(♠<πjiàn)過的(de)引入方式

　　@importurl(style.css)♦✔ ←;

　　這(zhè)就(jiù)是(shì)第四種引入方式。@im♣♠σport“style.css”表示導入mysty→εle.css樣式表，注意使用(yòng)時(shí)♣'×外(wài)部樣式表的(de)路(lù)徑。方法和(hé)鏈入☆δ樣式表的(de)方法很(hěn)相(xiàng)似，但(dàn)導入外(wà βi)部樣式表輸入方式更有(yǒu)優勢。實¶®§質上(shàng)它相(xiàng)當于存在內(nèi)部樣式表中的(de)≠‌。其實大(dà)家(jiā)在實際中也(yě)是(shì)分(fēn)形勢&÷♠↑而看(kàn)，像一(yī)些(xiē)大(dà)型的(de)網站(zhànε')如(rú)b2c、b2b等等可(kě)能(™∑'γnéng)會(huì)涉及到(dào)第四種方法，好(hǎ↔'™o)了(le)就(jiù)說(shuō)這(zhèδ☆₹)麽多(duō)吧(ba)，歡迎大(dà)家(jiā)β↔‍₽一(yī)起和(hé)邯鄲網站(zhàn)建設首創網絡一(yī)塊交流學習(xí)。