徐州億網分(fēn)享CSS工(gōng)作(zuò)心得(de↔→₽‌)

來(lái)源：徐州億網網絡科(kē)技(jì)有(yǒu)限公司 時(shí)間(±₹♣€jiān)：2012-03-23 作(zuò)者：

作(zuò)為(wèi)徐州億網的(de$​≠)網頁設計(jì)師(shī)，每天都(dōu)會(huì)處理(lǐ)→ ♠↑很(hěn)多(duō)的(de)網頁排版，因此也(yě)遇到(÷ε©​dào)過很(hěn)多(duō)的(de)ε&♥問(wèn)題。在這(zhè)裡(lǐ)，徐州網站(zhàn)建設就(jiù)在工(gōng)作(zuò)中遇到(dào ♣≤∏)的(de)工(gōng)作(zuò)心得(d‌πλe)，分(fēn)享給大(dà)家(jiā)~~✔ '

心得(de)一(yī)、ul：默認的(de)ul→γ♥&的(de)margin和(hé)padding不(bù)是(shì)0♥↑•，如(rú)果在導航中用(yòng)到(dào)了(le)∑★"左浮動的(de)li，往往會(huì)把外(wài)部的(de)d&σ¥&iv撐大(dà)，導緻頁面變形，改成： ulφ‍®{margin:0px; padding:0px;}

心得(de)二、img：

1.這(zhè)裡(lǐ)牽涉的(de)不(bù)同浏覽器(qì)的(de)₹σ 問(wèn)題，ie6裡(lǐ)顯示的(de)圖片height總是(shì)¥ 要(yào)大(dà)于準确值，這(zhè)裡(lǐ)就(jiù)需要(¶πyào)我們記住下(xià)面這(zhè)一(yī)點 img{ display：block}；

2.頁面中最好(hǎo)不(bù)要(yào)用(yòng)大(dà)塊背景，能(néng)λγγ平鋪的(de)要(yào)平鋪，否則加載起來(lái)會(huì)很(hěn)慢(màn)，β↔✔±也(yě)不(bù)利于以後的(de)優化(huà)和(hé)擴展，當然也(yě)有α&(yǒu)些(xiē)大(dà)的(de)網站(zhàn)，現(xiàn)在都(dōu)盡量★≥α¥把背景統一(yī)放(fàng)到(dào)一(yī)張圖片上(shàng)，用(yòng)bac≈£♠αkground-postion來(lái)取得(de)背景。

3.最好(hǎo)的(de)格式就(jiù)是(shδ↓ì)gif格式，即确保了(le)背景透明(míng)，在ie6中又(yò  u)不(bù)會(huì)有(yǒu)陰影£©♣(yǐng)，有(yǒu)時(shí)gif圖片會(huì)有(yǒu)鋸齒，這(zhè)就(≤₹≤≤jiù)需要(yào)我們保存成web格式，設置一(yī)下(xià)$φ€matter，matter的(de)值用(yòng)背景顔色的(de)值越相↑✘(xiàng)近(jìn)越好(hǎo)。

心得(de)三、overflow：有(yǒu)時(shíλ &)一(yī)些(xiē)公司的(de)注冊協議(yì)都(dōu)是®ε (shì)很(hěn)長(cháng)，這(λΩ¶zhè)就(jiù)用(yòng)到(dào)了(le)overflowδ±<，可(kě)以把div的(de)style裡(lǐ)加上φ±(shàng)這(zhè)個(gè)：overfl★₽±ow：auto

心得(de)四、float：有(yǒu)時(shí)候一(yī)些$←γ(xiē)div會(huì)擠到(dào)頁面的✘♠₽(de)上(shàng)方，這(zhè)裡(lǐ)可(kě)能(néng)←€₽就(jiù)是(shì)浮動引起的(de÷↕λ)，可(kě)以加上(shàng)clear：bo ✔¥th。

心得(de)五、div：height等于1px的(de)div，在ie&↑∏6中可(kě)能(néng)并不(bù)是(shì)1px，在這(zhè)個(gè)div的(deδδα•)style裡(lǐ)加上(shàng)font-♦♥size：1px;這(zhè)樣就(jiù)ok了(le)。

心得(de)六、id和(hé)class：當一(yī)個(gè)樣式在頁面中多(duō)×Ω次使用(yòng)時(shí)，不(bù)要(yào)用(yòng)&•σid，要(yào)用(yòng)class，要(yào)使用(yò↓φ©•ng)js的(de)時(shí)候，樣式最好(hǎo)不(bù)要∞→(yào)用(yòng)id，因為(wèi)id要($φ∑γyào)留給js使用(yòng)。

心得(de)七、link：.link：link{}、.link：visiφ₹¥↕ted{}、.link：hover{}、.link：active{}。有(yǒu)一(y∞ ±ī)點，visited與hover的(de)順序一(yī)定不(bù&¥φπ)能(néng)倒換，否則ie6中會(huì)<★大(dà)大(dà)的(de)問(wèn)題。

以上(shàng)是(shì)由徐州億網（http://www.exz.cn）整理(lǐ)的(de)工(gōng)作(zuò)心得(de)，希望對(duì)您有(yǒu)£δ↔所幫助。優化(huà)簽單：徐州音(yīn)響、徐州包裝箱

• 上(shàng)一(yī)篇: 徐州億網淺談利用(yòng)CSS制(zhì$€±©)作(zuò)導航的(de)4個(gè)優 ∞♦&點
• 下(xià)一(yī)篇: 分(fēn)析css3可(kě)以給我們帶來(lái)更好(✔>≤hǎo)的(de)用(yòng)戶體(tǐ)驗