域名預(yù)訂/競(jìng)價(jià)，好“米”不錯(cuò)過(guò)

1 不要過(guò)分追求CSS的“最小化”

CSS的重用性注定了會(huì)比HTML要“更小”，但使用CSS并不是因?yàn)樗〔攀褂盟?。而是因?yàn)镃SS能使網(wǎng)頁(yè)結(jié)構(gòu)更清晰。很多人為了CSS文件能更小而絞盡腦汁的壓縮代碼，合并屬性。你如果要追求“網(wǎng)頁(yè)更小”，推薦你多了解下各種WEB圖片格式的優(yōu)缺點(diǎn)，以及他們的壓縮優(yōu)化方法。會(huì)比你壓縮CSS代碼更有作用。建議CSS的書寫以方便閱讀、結(jié)構(gòu)清晰為重點(diǎn)，而不是為了幾K大小去壓縮和合并代碼，增加后期糾錯(cuò)和修改的難度。

在圖片面前，這些優(yōu)化沒(méi)有必要。

2 圖片不是切割得越小越好

為了使網(wǎng)頁(yè)逐一顯示，讓用戶能看到網(wǎng)頁(yè)LOADING的“等待過(guò)程”而將圖片切割得過(guò)于細(xì)小是一個(gè)典型的誤區(qū)。

這會(huì)帶來(lái)兩個(gè)方面的問(wèn)題：服務(wù)器請(qǐng)求數(shù)過(guò)多會(huì)嚴(yán)重影響服務(wù)器的性能。所以推薦盡量發(fā)揮CSS Sprites的作用。甚至CSS、JS都盡量不要拆分得過(guò)于細(xì)小，能整合就整合。

其實(shí)無(wú)論你如何切割，越切得小，總?cè)萘亢驼加玫目臻g反而會(huì)略大。得不償失!

3 表格并不落后

DIV+CSS沒(méi)出現(xiàn)以前表格是制作頁(yè)面的主要容器?，F(xiàn)在所有瀏覽器都仍然支持HTML的舊標(biāo)簽，并且HTML技術(shù)也是相對(duì)成熟的，合理使用表格的一些HTML屬性可以解決一些CSS兼容性問(wèn)題。W3C標(biāo)準(zhǔn)只是一種指導(dǎo)，沒(méi)有必要強(qiáng)求。況且表格的強(qiáng)項(xiàng)是數(shù)據(jù)的呈現(xiàn)，表格可不落后!

4 父級(jí)容器、子級(jí)容器各自該帶有什么屬性

很多人用子級(jí)屬性來(lái)控制父級(jí)顯示，這是個(gè)錯(cuò)誤的方法(當(dāng)然不是絕對(duì))，常見(jiàn)用子級(jí)元素的寬度來(lái)控制父級(jí)元素的寬，其實(shí)父級(jí)容器的寬度是被“撐開(kāi)”的，當(dāng)子級(jí)容器的屬性有改變，會(huì)影響更多的相鄰元素。他們各自應(yīng)該帶有的屬性，一定不要隨意亂寫。

明確容器產(chǎn)生錯(cuò)誤或LOADING不完全時(shí)候也不會(huì)影響其相鄰或有關(guān)聯(lián)元素;明確容器屬性是否具有普遍重用性兩大方面來(lái)決定父與子容器各自的屬性，會(huì)讓網(wǎng)站結(jié)構(gòu)更加有序!

5 容器的概念

任何一個(gè)元素都是一個(gè)容器，只是他們帶有的屬性不一樣而已。比如A同樣能設(shè)計(jì)成為DIV，DIV一樣能設(shè)計(jì)為SPAN，EM同樣可以變成LI。所以，你可以盡量將他們的屬性統(tǒng)一起來(lái)寫到一個(gè)容器里，方便修改和管理。不用因?yàn)镈IV有獨(dú)占一行的屬性就額外寫一個(gè)DIV來(lái)實(shí)現(xiàn)獨(dú)占一行，其實(shí)A也可以實(shí)現(xiàn)。

(瀘州網(wǎng) 原創(chuàng))

申請(qǐng)創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！