Css Reset(復(fù)位)方法整理第2/3頁(yè)
更新時(shí)間：2008年09月12日 10:27:14 作者：
Css Reset是什么? 有些同行叫 "css復(fù)位",有些可能叫 "默認(rèn)css".....
Poor Man's Reset
其實(shí)這也是我們常用的一類Css Reset.對(duì)字體的大小復(fù)位,以及圖片鏈接的邊框處理.
也經(jīng)常在某些站點(diǎn)看到
復(fù)制代碼 代碼如下:
html, body {
padding: 0;
margin: 0;
}
html {
font-size: 1em;
}
body {
font-size: 100%;
}
a img, :link img, :visited img {
border: 0;
}
Shaun Inman's Global Reset
作者認(rèn)為Shaun寫這類的Css Reset是有某種目的性.
而且這類規(guī)則是針對(duì)的是某些重要的常用瀏覽器.
比如ie,firefox等
復(fù)制代碼 代碼如下:
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, p, blockquote, table, th, td, embed, object {
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img, abbr {
border: 0;
}
address, caption, cite, code, dfn, em,
h1, h2, h3, h4, h5, h6, strong, th, var {
font-weight: normal;
font-style: normal;
}
ul {
list-style: none;
}
caption, th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
font-size: 1.0em;
}
q:before, q:after {
content: '';
}
a, ins {
text-decoration: none;
}
Yahoo CSS Reset
yahoo這幫家伙寫的Reset個(gè)人覺得可以推薦
復(fù)制代碼 代碼如下:
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal;
font-style: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}
q:before,q:after {
content:'';
}
abbr,acronym { border: 0;
}
相關(guān)文章
提高網(wǎng)頁(yè)效率的14條注意事項(xiàng)圖文
內(nèi)容再豐富的網(wǎng)站，如果慢到無(wú)法訪問也是毫無(wú)意義的； SEO做的再好的網(wǎng)站，如果搜索蜘蛛抓不到也是白搭； UE設(shè)計(jì)的再人性化的網(wǎng)站，如果用戶連看都看不到也是空談。2008-09-09
現(xiàn)在發(fā)現(xiàn)有些人的css寫得很亂 從上到下,那些標(biāo)記只有他自己看得懂,css在哪里,2008-07-07
CSS計(jì)數(shù)器-自動(dòng)化文檔中的自動(dòng)編號(hào)
CSS計(jì)數(shù)器是一個(gè)強(qiáng)大但經(jīng)常被忽視的工具,它們?cè)试S開發(fā)者創(chuàng)建和管理計(jì)數(shù)器,這些計(jì)數(shù)器可以在文檔中自動(dòng)遞增,非常適合用于編號(hào)章節(jié)、列表項(xiàng)或其他文檔元素,它們具有強(qiáng)大的瀏覽器支持2025-02-02![[轉(zhuǎn)]Accesskey引起的一點(diǎn)點(diǎn)思考](http://img.jbzj.com/images/xgimg/bcimg3.png)
[轉(zhuǎn)]Accesskey引起的一點(diǎn)點(diǎn)思考
[轉(zhuǎn)]Accesskey引起的一點(diǎn)點(diǎn)思考...2007-02-02
html工作中表格<tbody>標(biāo)簽的使用技巧
公司大部分的項(xiàng)目都是基于BS結(jié)構(gòu)，UI設(shè)計(jì)階段做WEB原型頁(yè)面時(shí)要把各種交互效果實(shí)現(xiàn)出來(lái)，與真正的后臺(tái)編程不同，就用JS前臺(tái)編程來(lái)實(shí)現(xiàn)，讓程序員編程前知道要做成什么樣的效果就行了。2008-09-09
今天制作div下的li分兩列顯示發(fā)現(xiàn)，兩邊的邊框無(wú)法完全顯示，或顯示斷斷續(xù)續(xù)的，或者拖動(dòng)滾動(dòng)條就出現(xiàn)邊框的顯示問題2008-05-05
css濾鏡實(shí)現(xiàn)頁(yè)面灰色黑白色效果代碼
為方便站點(diǎn)哀悼，特提供素裝代碼，以表哀悼。以下為全站CSS代碼。2008-05-05
關(guān)于< tbody >的一個(gè)實(shí)例，很實(shí)用。
tbody Tab選項(xiàng)卡效果代碼關(guān)鍵只是在<tbody>和選項(xiàng)卡的設(shè)置上。我在6個(gè)<tr></tr>段分別設(shè)置了<tbody></tbody>，目的是為了讓一個(gè)javascript程序調(diào)用6個(gè)選項(xiàng)卡的時(shí)候可以循環(huán)設(shè)置tBodies屬性。調(diào)用的時(shí)候是采用了遍歷：將6個(gè)tBodies先全部都初始化為display='none'，然后緊接著將tBodies[n]設(shè)置為display='block'，將這一個(gè)tBodies顯示出來(lái)。2008-03-03
如何處理多國(guó)語(yǔ)言...2006-11-11
文章內(nèi)容頁(yè)廣告浮于左上角的解決辦法...2007-03-03