當前位置：首頁 > 網站(zhàn)建設

深入分(fēn)析div+css的(de)十大(dà)技(jì)巧

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

      &✘♦®nbsp; 如(rú)何使用(yòng)DIV+CSS的(de)布局頁面，相(xi $àng)信很(hěn)多(duō)的(de)朋(péng)友(yǒu)都(dōu)有(yǒu)過'ε♣γ接觸。在這(zhè)裡(lǐ)徐州網絡公司跟大(dà)家(jiā)更加深入的(de)介紹關于div+css的(de)十大(dà)≠∏技(jì)巧，希望會(huì)對(duì)了(le)解CσΩSS的(de)您有(yǒu)所幫助。  

      &&∞nbsp; 技(jì)巧一(yī)、不(bù)要(yà₽•∏o)使用(yòng)過小(xiǎo)的(de)圖片做(zuò)背景平鋪。

      ←♣  這(zhè)就(jiù)是(shì)為(wèi)何很∏±ε∏(hěn)多(duō)人(rén)都(dōu)不(bù)用(yλ€òng) 1px 的(de)原因，這(zhè)才知(zhī) ₽曉。寬高(gāo) 1px 的(de)圖片平鋪出一(yī)個(gè)寬高(gāo) 200p™'x 的(de)區(qū)域，需要(yào) 20§® δ0*200=40, 000 次，占用(yòng)資源。

     ∏£>Ω;   技(jì)巧一(yī¶<)、無邊框。 
       "‍&∞; 推薦的(de)寫法是(shì) border:none。b &​♦order:0; 隻是(shì)定義邊框寬度為(wèi)∞÷零，但(dàn)邊框樣式、顔色還(hái)是(shì)會(huì)被浏覽器(qì)解析，占用(σ¥≤σyòng)資源。

     &nbε↓γ÷sp;  技(jì)巧二、慎用(yòng)©₹ * 通(tōng)配符。 
      &&✔nbsp; 所謂通(tōng)配符，就(jiù)是(shì)将 CSS 中的(deβ≥∑)所有(yǒu)标簽均初始化(huà)，不(bù)管用(yòng)的(de)不(b↕‌ù)用(yòng)的(de)，過時(shí₩ €)的(de)先進的(de)，一(yī)視(shì)同仁，這(¥✘'→zhè)樣，大(dà)大(dà)的(de)占用(yòng)資源★↓。要(yào)有(yǒu)選擇的(de)初始化(hu♠•← à)标簽。

    &nb>§ sp;   技(jì)巧三、CSS 的(de)十六進制(​<₩ zhì)顔色代碼縮寫。 
      &"&nbsp; 習(xí)慣了(le)縮寫及小(xiǎo)寫，這(zhè)才知(zhīα↕↕ )道(dào)，原來(lái)不(bù)是(shì)推薦的(d≈↕'e)寫法，為(wèi)的(de)是(shì)減少(shǎδ✔'o)解析所占用(yòng)的(de)資源。​♠但(dàn)同時(shí)會(huì)增加文(wé™"n)件(jiàn)體(tǐ)積。孰優孰劣，有(yǒu)待仔細" §考證。

     ¶♥ ;   技(jì)巧四、樣式放(fàng)頭∑"♦"上(shàng)，腳本放(fàng)腳下(xià)。不(bù)內(nèi≥∞↕)嵌，隻外(wài)鏈。

    &nbs§₽‍p;   技(jì)巧五、使用(yòng)引用(yòng)樣式表，而不(bù)σ≥是(shì)通(tōng)過 @import 導入。

      &nb" sp; 技(jì)巧六、千萬不(bù)要(yào)γ₹↔在 HTML 中縮放(fàng)圖片，一(yī≥÷•)者不(bù)好(hǎo)看(kàn)，二者占資源。

    &nb✘↑sp;   技(jì)巧七、正文(wén)字體(tǐ≈↕♣)最好(hǎo)用(yòng)偶數(shù)，12px、14px、16px，效果非常好&¥<₩(hǎo)。特例，15px。

    ε  ♦    技(jì)巧八、block、ul、ol 等上(s ✘§✔hàng)下(xià)留出至少(shǎo)一(yī)倍行(xíng)距，γ>左側至少(shǎo)兩倍行(xíng)距，右側随意。

        技(jìβ )巧八、強行(xíng)指定某些(xiē)元素的(>¶↓©de) line-height，正文(wén) 1.6 倍于文(¥₩£wén)字大(dà)小(xiǎo)，标題 1.3 倍。

   &nbsφ↕♠p;    技(jì)巧≠<九、中文(wén)标點用(yòng)全角。英文(wén)夾雜(zá×↑™)在中文(wén)中，左右空(kōng)格，半角。

   &nb>₽&sp;    技(jì)巧十、中文(wén)字體(♠βγ'tǐ)的(de)粗體(tǐ)和(hé)斜體(tǐ)，遠(yuǎn)離(lí₹₹Ω≠)較好(hǎo)，利民(mín)利己。

      &n≥✘£bsp;以上(shàng)由徐州億網網站δ  (zhàn)建設（http://www.exz.cn）提供！優化(huà)訂單：徐州建材生(shēng)産，徐州手機(jī)定位

公司動态

行(xíng)業(yè)資訊

營銷策劃