Css Reset是什么? 有些同行叫 "css復位",有些可能叫 "默認css"..... 相信看完全文您會對Css Reset有個重新的認識
原文地址: http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/
PS:
* { padding: 0; margin: 0; }
這就是最常用的Css Reset,但是這里會有很多問題。
原文前部分說了很多關(guān)于Css,以及各瀏覽器的css規(guī)則的不同,而制定"Css Reset"也是為了兼容與統(tǒng)一,正確有效的使用"Css Reset"可以在某種程度上節(jié)約時間與金錢.
非常感謝Perishable的整理與歸納
下面是關(guān)于幾類Css Reset的簡單介紹,本人能力有限.只能理解大概意思,還請各位看官見諒.
Minimalistic Reset [ Version 1 ] 相信這一段你經(jīng)常看到.而且也是我們經(jīng)常用到的
* { padding: 0; margin: 0; }
Minimalistic Reset [ Version 2 ] border:0的設(shè)計有些不靠譜了
* { padding: 0; margin: 0; border: 0; }
Minimalistic Reset [ Version 3 ] 當然這個也是不推薦的.會跟某些默認樣式有沖突
* { outline: 0; padding: 0; margin: 0; border: 0; }
Condensed Universal Reset 這是作者當前比較鐘意的一種寫法.保證了相對普遍瀏覽器樣式的統(tǒng)一性.
* { vertical-align: baselinebaseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; }
出處:WEB前端開發(fā)
責任編輯:bluehearts
上一頁 下一頁 Css Reset(復位)整理 [2]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|