常州市新北區(qū)典雅商業(yè)廣場2號樓501、502、525、526
一, 千萬不要過分追求CSS的“最小化”
CSS的重用性注定了會比HTML要“更小”,但使用CSS并不是因為他小才使用他。而是因為CSS能使網頁結構更清晰。很多人為了CSS文件能更小而絞盡腦汁的壓縮代碼,合并屬性。你如果要追求“網頁更小”,推薦你多了解下各種WEB圖片格式的優(yōu)缺點,以及他們的壓縮優(yōu)化方法。會比你壓縮CSS代碼更有作用。建議CSS的書寫以方便閱讀、結構清晰為重點,而不是為了幾K大小去壓縮和合并代碼,增加后期糾錯和修改的難度。
在圖片面前,這些優(yōu)化沒有必要。
二, 關于圖片切割并不是越小越好
為了使網頁逐一顯示,讓用戶能看到網頁LOADING的“等待過程”而將圖片切割得過于細小是一個典型的誤區(qū)。
這會帶來兩個方面的問題:服務器請求數過多會嚴重影響服務器的性能。所以推薦盡量發(fā)揮CSS Sprites的作用。甚至CSS、JS都盡量不要拆分得過于細小,能整合就整合。
其實無論你如何切割,越切得小,總容量和占用的空間反而會略大。得不償失!
三,表格并不落后
DIV+CSS沒出現(xiàn)以前表格是制作頁面的主要容器?,F(xiàn)在所有瀏覽器都仍然支持HTML的舊標簽,并且HTML技術也是相對成熟的,合理使用表格的一些HTML屬性可以解決一些CSS兼容性問題。W3C標準只是一種指導,沒有必要強求。況且表格的強項是數據的呈現(xiàn),表格可不落后!
四, 父級容器、子級容器各自該帶有什么屬性
很多人用子級屬性來控制父級顯示,這是個錯誤的方法(當然不是絕對),常見用子級元素的寬度來控制父級元素的寬,其實父級容器的寬度是被“撐開”的,當子級容器的屬性有改變,會影響更多的相鄰元素。他們各自應該帶有的屬性,一定不要隨意亂寫。
明確容器產生錯誤或LOADING不完全時候也不會影響其相鄰或有關聯(lián)元素;明確容器屬性是否具有普遍重用性兩大方面來決定父與子容器各自的屬性,會讓網站結構更加有序!
五,關于容器的概念
任何一個元素都是一個容器,只是他們帶有的屬性不一樣而已。比如A同樣能設計成為DIV,DIV一樣能設計為SPAN,EM同樣可以變成LI。所以,你可以盡量將他們的屬性統(tǒng)一起來寫到一個容器里,方便修改和管理。不用因為DIV有獨占一行的屬性就額外寫一個DIV來實現(xiàn)獨占一行,其實A也可以實現(xiàn)。