Css Reset(復(fù)位)方法整理第1/3頁(yè)
更新時(shí)間:2008年09月12日 10:27:14 作者:
Css Reset是什么? 有些同行叫 "css復(fù)位",有些可能叫 "默認(rèn)css".....
相信看完全文您會(huì)對(duì)Css Reset有個(gè)重新的認(rèn)識(shí)
PS:
* {
padding: 0;
margin: 0;
}
這就是最常用的Css Reset,但是這里會(huì)有很多問(wèn)題。
原文前部分說(shuō)了很多關(guān)于Css,以及各瀏覽器的css規(guī)則的不同,而制定"Css Reset"也是為了兼容與統(tǒng)一,正確有效的使用"Css Reset"可以在某種程度上節(jié)約時(shí)間與金錢(qián).
非常感謝Perishable的整理與歸納
下面是關(guān)于幾類(lèi)Css Reset的簡(jiǎn)單介紹,本人能力有限.只能理解大概意思,還請(qǐng)各位看官見(jiàn)諒.
Minimalistic Reset [ Version 1 ]
相信這一段你經(jīng)??吹?而且也是我們經(jīng)常用到的
* {
padding: 0;
margin: 0;
}
Minimalistic Reset [ Version 2 ]
border:0的設(shè)計(jì)有些不靠譜了
* {
padding: 0;
margin: 0;
border: 0;
}
Minimalistic Reset [ Version 3 ]
當(dāng)然這個(gè)也是不推薦的.會(huì)跟某些默認(rèn)樣式有沖突
* {
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
Condensed Universal Reset
這是作者當(dāng)前比較鐘意的一種寫(xiě)法.保證了相對(duì)普遍瀏覽器樣式的統(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;
}
PS:
復(fù)制代碼 代碼如下:
* {
padding: 0;
margin: 0;
}
這就是最常用的Css Reset,但是這里會(huì)有很多問(wèn)題。
原文前部分說(shuō)了很多關(guān)于Css,以及各瀏覽器的css規(guī)則的不同,而制定"Css Reset"也是為了兼容與統(tǒng)一,正確有效的使用"Css Reset"可以在某種程度上節(jié)約時(shí)間與金錢(qián).
非常感謝Perishable的整理與歸納
下面是關(guān)于幾類(lèi)Css Reset的簡(jiǎn)單介紹,本人能力有限.只能理解大概意思,還請(qǐng)各位看官見(jiàn)諒.
Minimalistic Reset [ Version 1 ]
相信這一段你經(jīng)??吹?而且也是我們經(jīng)常用到的
復(fù)制代碼 代碼如下:
* {
padding: 0;
margin: 0;
}
Minimalistic Reset [ Version 2 ]
border:0的設(shè)計(jì)有些不靠譜了
復(fù)制代碼 代碼如下:
* {
padding: 0;
margin: 0;
border: 0;
}
Minimalistic Reset [ Version 3 ]
當(dāng)然這個(gè)也是不推薦的.會(huì)跟某些默認(rèn)樣式有沖突
復(fù)制代碼 代碼如下:
* {
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
Condensed Universal Reset
這是作者當(dāng)前比較鐘意的一種寫(xiě)法.保證了相對(duì)普遍瀏覽器樣式的統(tǒng)一性.
復(fù)制代碼 代碼如下:
* {
vertical-align: baselinebaseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}
相關(guān)文章
用javascript來(lái)控制 鏈接的target 屬性的代碼
用javascript來(lái)控制 鏈接的target 屬性的代碼...2007-11-11Zen Coding 快速編寫(xiě)HTML/CSS代碼的實(shí)現(xiàn)
在本文中我們將展示一種新的使用仿CSS選擇器的語(yǔ)法來(lái)快速開(kāi)發(fā)HTML和CSS的方法。它由Sergey Chikuyonok開(kāi)發(fā)。2011-01-01調(diào)用265天氣預(yù)報(bào),不顯示鏈接
調(diào)用265天氣預(yù)報(bào),不顯示鏈接...2006-12-12css position: absolute、relative詳解
今天在看CSS的時(shí)候遇到了position: absolute、relative的問(wèn)題,一直比較迷糊,今天終于搞清楚了。2008-11-11讓IE ff Opera同時(shí)支持Alpha透明的方法
圖片的透明效果是網(wǎng)頁(yè)中需要用到的一種特殊形式,雖然不是非常的常用,但是遇到這樣的需求往往有點(diǎn)措手不及。2008-09-09position:relative/absolute無(wú)法沖破的等級(jí)
position:relative/absolute無(wú)法沖破的等級(jí)...2007-03-03