云南網站建設創新企業 昆明多彩網絡公司

css reset css重置分享

來源：昆明多彩網絡公司 日期：2010-09-15 閱讀： 發表評論

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的相關標簽列出進來，原因是會和一些在線編輯器看到的效果沖突。

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

/*--全局標簽--*/
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}