css的重設樣式
來源:互聯網
上載者:User
當我們在為多個瀏覽器寫css樣式的時候,因為不同的瀏覽對盒子模型的解析不一樣。所以要實現同一個效果不得不對每個瀏覽器寫不同的樣式。造成了前台頁面設計師工作量的大增。想要解決這類問題,就是把它們解析的例子模型不同的元素的樣式都重設,padding 或者margin都寫成0。那樣我們再來寫的時候,不管在寫的時候還是在調試的時候都會更加簡單容易 我現在把我一直用的一段重設樣式代碼分享給大家。我也是從一個國外的css網站上找來的。一個很資深的前台頁面設計師寫的我通過做頁面,也覺得相當不錯。所以分享給大家 html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}/*重設樣式*/