iThome online | iThome Blog | iThome周刊訂閱

載入中...

wordsmith

IT邦好手
9級

Reset CSS,讓css更相容於各牌瀏覽器的方法
標籤:css reset

由於各家瀏覽器實作方式不同,為了降低彼此間的差異,而有重設css(reset CSS)的方法,將一些設定都歸成一樣,之後再重設。

雖然沒辦法解決所有的問題,不過至少可以降低使用一些hack的機會。



收到書籤:發佈到twitter      
分享時間:2008-03-07 13:03:55

▼ ADVERTISEMENT ▼

分享內容(
14

版本一
來源:http://meyerweb.com/eric/tools/css/reset/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}




版本二
來源:http://developer.yahoo.com/yui/reset/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}

Reset CSS,讓css更相容於各牌瀏覽器的方法
5min( IT邦好手10級 )
2008-04-21 00:27:02
謝謝分享
john651216( IT邦初學者1級 )
2008-04-23 17:26:35
謝謝分享
tgunlu( IT邦初學者1級 )
2008-04-25 06:55:02
謝謝分享
fanylu60( IT邦初學者1級 )
2008-04-25 10:21:40
感謝提供分享
yce701116( IT邦初學者1級 )
2008-04-25 17:38:27
感謝分享資訊
iT邦守護神
antijava( IT邦初學者1級 )
2008-04-25 21:23:34
所以 RESET 是由瀏覽器執行的囉
tyc1220( IT邦初學者1級 )
2008-05-18 00:14:23
謝謝分享

回應

請填寫您的回應,長度限為1,000個字,回應不計點數,也不限使用次數



 

檢舉違規

違規事項:

*補充檢舉理由(可省略),字數不可超過100字

推薦

推薦理由:


*給回答者的鼓勵(可不填),字數不可超過100字

▼ ADVERTISEMENT ▼

熱門標籤

 ccna代考   cisco   crystal   exchange   iscsi   it   java   javascript   linux   m-power   mail   msnlib   msnp15   msnsdk   msn機器人   mysql   nas   oracle   outlook   pmi   pmp   report   sap   server   smartquery   sql   vista   vpn   web   windows   xp   二三事   倍力   倍力資訊   免費軟體   國際專案管理師   報表   專案管理   有話大聲說   活動   省錢   網路   網路儲存   網路管理   網頁設計   資安   資訊安全   防毒軟體   2003   2008