Css Reset(復(fù)位)方法整理第1/3頁
更新時間：2008年09月12日 10:27:14 作者：
Css Reset是什么? 有些同行叫 "css復(fù)位",有些可能叫 "默認css".....
相信看完全文您會對Css Reset有個重新的認識
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;
}
PS：
復(fù)制代碼 代碼如下:
* {
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)常用到的
復(fù)制代碼 代碼如下:
* {
padding: 0;
margin: 0;
}
Minimalistic Reset [ Version 2 ]
border:0的設(shè)計有些不靠譜了
復(fù)制代碼 代碼如下:
* {
padding: 0;
margin: 0;
border: 0;
}
Minimalistic Reset [ Version 3 ]
當然這個也是不推薦的.會跟某些默認樣式有沖突
復(fù)制代碼 代碼如下:
* {
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
Condensed Universal Reset
這是作者當前比較鐘意的一種寫法.保證了相對普遍瀏覽器樣式的統(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)文章
內(nèi)容再豐富的網(wǎng)站，如果慢到無法訪問也是毫無意義的； SEO做的再好的網(wǎng)站，如果搜索蜘蛛抓不到也是白搭； UE設(shè)計的再人性化的網(wǎng)站，如果用戶連看都看不到也是空談。2008-09-09
現(xiàn)在發(fā)現(xiàn)有些人的css寫得很亂 從上到下,那些標記只有他自己看得懂,css在哪里,2008-07-07
CSS計數(shù)器是一個強大但經(jīng)常被忽視的工具,它們允許開發(fā)者創(chuàng)建和管理計數(shù)器,這些計數(shù)器可以在文檔中自動遞增,非常適合用于編號章節(jié)、列表項或其他文檔元素,它們具有強大的瀏覽器支持2025-02-02![[轉(zhuǎn)]Accesskey引起的一點點思考](http://img.jbzj.com/images/xgimg/bcimg3.png)
[轉(zhuǎn)]Accesskey引起的一點點思考...2007-02-02
公司大部分的項目都是基于BS結(jié)構(gòu)，UI設(shè)計階段做WEB原型頁面時要把各種交互效果實現(xiàn)出來，與真正的后臺編程不同，就用JS前臺編程來實現(xiàn)，讓程序員編程前知道要做成什么樣的效果就行了。2008-09-09
今天制作div下的li分兩列顯示發(fā)現(xiàn)，兩邊的邊框無法完全顯示，或顯示斷斷續(xù)續(xù)的，或者拖動滾動條就出現(xiàn)邊框的顯示問題2008-05-05
為方便站點哀悼，特提供素裝代碼，以表哀悼。以下為全站CSS代碼。2008-05-05
關(guān)于< tbody >的一個實例，很實用。
tbody Tab選項卡效果代碼關(guān)鍵只是在<tbody>和選項卡的設(shè)置上。我在6個<tr></tr>段分別設(shè)置了<tbody></tbody>，目的是為了讓一個javascript程序調(diào)用6個選項卡的時候可以循環(huán)設(shè)置tBodies屬性。調(diào)用的時候是采用了遍歷：將6個tBodies先全部都初始化為display='none'，然后緊接著將tBodies[n]設(shè)置為display='block'，將這一個tBodies顯示出來。2008-03-03
如何處理多國語言...2006-11-11
文章內(nèi)容頁廣告浮于左上角的解決辦法...2007-03-03