Css Reset(復位)方法整理第1/3頁

2020-10-23 18:31:24

字體：大中小

來源：轉載

供稿：網友

相信看完全文您會對Css Reset有個重新的認識
PS：

復制代碼代碼如下:

* { 
padding: 0; 
margin: 0; 
} 

這就是最常用的Css Reset，但是這里會有很多問題。

原文前部分說了很多關于Css,以及各瀏覽器的css規則的不同,而制定"Css Reset"也是為了兼容與統一,正確有效的使用"Css Reset"可以在某種程度上節約時間與金錢.

非常感謝Perishable的整理與歸納

下面是關于幾類Css Reset的簡單介紹,本人能力有限.只能理解大概意思,還請各位看官見諒.

Minimalistic Reset [ Version 1 ]
相信這一段你經常看到.而且也是我們經常用到的

復制代碼代碼如下:

* { 
padding: 0; 
margin: 0; 
} 

Minimalistic Reset [ Version 2 ]
border:0的設計有些不靠譜了

復制代碼代碼如下:

* { 
padding: 0; 
margin: 0; 
border: 0; 
} 

Minimalistic Reset [ Version 3 ]
當然這個也是不推薦的.會跟某些默認樣式有沖突

復制代碼代碼如下:

* { 
outline: 0; 
padding: 0; 
margin: 0; 
border: 0; 
} 

Condensed Universal Reset
這是作者當前比較鐘意的一種寫法.保證了相對普遍瀏覽器樣式的統一性.

復制代碼代碼如下:

* { 
vertical-align: baselinebaseline; 
font-weight: inherit; 
font-family: inherit; 
font-style: inherit; 
font-size: 100%; 
border: 0 none; 
outline: 0; 
padding: 0; 
margin: 0; 
} 

123下一頁閱讀全文

上一篇：css首字放大實例代碼

下一篇：css display:none使用注意事項小結