頁面制作中一些技術、技巧和工具的總結(一)

日期：2013-11-27  來源：攀枝花惠康網絡公司

一、css一一些手藝、技巧

1.Reset CSS

巨匠可以看看這里：http://www.css88.com/archives/541 和 http://www.css88.com/archives/614

知道Reset CSS是什么嗎？凡是情形下，它也被寫成CSS Reset，即重設瀏覽器的樣式。在各類瀏覽器中，城市對CSS的選擇器默認一些數值，譬如當h1沒有被設置數制癱，顯示必然巨細。但并不是所有的瀏覽器都使用一樣的數值，所以，有了CSS Reset，以讓網頁的樣式在各瀏覽器中默示一致。前端開發工作中有一款好的、統一的Css Reset將提高開發效率，提高樣式代碼的重用，削減一再代碼，削減維護成本。網上有良多Reset CSS。(轉載請注明出處：WEB前端開發 http://www.css88.com/)
選擇器，或者選擇符，selector，是構建整個CSS的基本。CSS 選擇器能使我們很好的將樣式歸類。削減樣式的耦合，進行區塊話打點，如不美觀能實現前端頁面的模塊化開發，那么CSS 選擇器也就更有用武之地了。(轉載請注明出處：WEB前端開發 http://www.css88.com/)

2.CSS Sprites
操作CSS Sprites能很好地削減了網頁的http請求，年夜而年夜年夜的提高了頁面的機能，這也是CSS Sprites最年夜的利益，也是其被普遍傳布和應用的首要原因；小我認為能CSS Sprites能削減圖片的字節，我曾經斗勁過多次3張圖片合并成1張圖片的字節老是小于這3張圖片的字節總和，原因在于每張圖片都有額外的圖片信息潛匿在圖片中，這樣多張圖片合并，就能節約些字節；

3.CSS 選擇器
.news h3{…}

4.CSS 襯著效率
例如：
.news{…}
.news ui li{….}
這樣就很輕易維護這個news區塊；

巨匠可以看看這里：http://www.css88.com/archives/1635

CSS襯著軌則是：在一條css中，css選擇器是年夜最右邊起頭之后依次向左移動的，直到它不匹配CSS軌則或匹配錯誤；所以我們的工作重點應該放在最右側的CSS選擇器來匹配年夜量的頁面的元素。(轉載請注明出處：WEB前端開發 http://www.css88.com/)

巨匠可以看看這里：http://www.css88.com/archives/1472

5.haslayout
巨匠可以看看這里：http://www.css88.com/archives/756

IE6下bug良多閱暌冠haslayout；haslayout 是一個很是有需要徹底弄斷根的概念；
巨匠可以看看：http://www.css88.com/archives/tag/haslayout