云南网站建设创新企业 昆明多彩网络公司

|网页对话|电话:0871-63215311

css reset css重置分享

来源:昆明多彩网络公司 日期:2010-09-15 阅读: 发表评论

css重置一直都是div+css爱好者研究的主题,国外也有专门推出一些cssreset,但是对于中国的中文网站可能不太适用,字体什么的都不一样,这里多彩整理常用的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}

发表评论评论列表(有 条评论)

网页对话 0871-63215311