http://www.w3cplus.com/css/css-architectures-new-best-practices.html轉(zhuǎn)載!
使用Normalize.css重置默認(rèn)樣式
它具有以下優(yōu)點(diǎn),不僅僅是CSS樣式重置:
不像其他CSS resets,normalize.css保存了有用的默認(rèn)設(shè)置
大范圍的規(guī)范了HTML元素樣式
糾正了瀏覽器間的一些bug及不一樣的表現(xiàn)形式
精心的改進(jìn)提高了可用性
使用詳細(xì)的注釋解釋了代碼的作用
使用normalize.css替代一個(gè)標(biāo)準(zhǔn)的reset會(huì)使你編寫正確的代碼奸远,在重新設(shè)置基本樣式上節(jié)省大量的時(shí)間既棺。
使用clear fix清除浮動(dòng)
圖片替代文字
使用圖片代替文字的CSS技術(shù)在前端開發(fā)有著悠久輝煌的歷史。在2012年3月懒叛,Jeffrey Zeldman引進(jìn)了一個(gè)新的技巧丸冕,稱為 Kellum方法。不是使用-9999px hack使文本超出屏幕達(dá)到隱藏文本的目的薛窥,他的技術(shù)在隱藏文本的同時(shí)保留了文本在屏幕范圍之內(nèi)胖烛。
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }