云南網(wǎng)站建設(shè)創(chuàng)新企業(yè) 昆明多彩網(wǎng)絡(luò)公司

css reset css重置分享

來源:昆明多彩網(wǎng)絡(luò)公司 日期:2010-09-15 閱讀: 發(fā)表評論

css重置一直都是div+css愛好者研究的主題,國外也有專門推出一些cssreset,但是對于中國的中文網(wǎng)站可能不太適用,字體什么的都不一樣,這里多彩整理常用的css重置分享出來

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit;  vertical-align:baseline}

ol, ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after,
q:before, q:after{content:""}
blockquote, q{quotes:""""}

注意以上css reset沒有將table的相關(guān)標(biāo)簽列出進(jìn)來,原因是會和一些在線編輯器看到的效果沖突。

以下為css全局屬性定義,主要將一些常用的css屬性寫出來:

/*--全局標(biāo)簽--*/
body { color: #2b2b2b; font-family: Arial, Helvetica, sans-serif}
img { border: none}
a { color: #2b2b2b; text-decoration: none}
a:hover { color: #c00; text-decoration: underline}

/*--全局類--*/
/*--布局類--*/
.clear{ clear: both; margin: 0; padding: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden} /*---用來清除浮動的div---*/
.left { float: left} /*---常用的左浮動---*/
.right { float: right} /*---常用的右浮動---*/
.tleft { text-align: left} /*---常用的居左---*/
.tcenter { text-align: center}/*---常用的居中---*/
.tright { text-align: right} /*---常用的居右---*/
/*--字體類--*/
.font12 { font-size: 12px}
.font14 { font-size: 14px}
.font16 { font-size: 16px}
.font18 { font-size: 18px}
.font20 { font-size: 20px}
.fb { font-weight: bold}
.fu { text-decoration: underline}
.fn { text-decoration: none}
/*--顏色類(常修改增加)--*/
.cred, a.cred:link, a.cred:visited, a.cred:hover { color: #c00}

發(fā)表評論評論列表(有 條評論)