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

在線qq:540105663

css reset css重置分享

來源:昆明多彩網(wǎng)絡公司 日期: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的相關標簽列出進來,原因是會和一些在線編輯器看到的效果沖突。

以下為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}

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