CSS样式中需要全局定义的内容总结

发布时间:2020-04-15编辑:脚本学堂
css使用时候,有些样式需要在文章开始就定义好,这样在后面可以省去一些麻烦,本文就给大家列举出CSS样式中需要全局中定义的内容,需要的朋友参考一下。

1.
/** 清除内外边距 **/

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */{
    margin:0;
    padding:0;
}

2.
/** 设置默认字体 **/

body,
button, input, select, textarea /* for ie */{
    font:12px/1.5 tahoma, arial, 5b8b4f53, sans-serif;
}
h1, h2, h3, h4, h5, h6{ font-size:100%;}
address, cite, dfn, em, var{ font-style:normal;} /* 将斜体扶正 */
code, kbd, pre, samp{ font-family:courier new, courier, monospace;} /* 统一等宽字体 */
small{ font-size:12px;} /* 小于 12px 的中文很难阅读,让 small 正常化 */

3.
/** 重置列表元素 **/

ul, ol{ list-style:none;}

4.
/** 重置文本格式元素 **/

a{ color:#656D77;}
a:hover{ color:#333; text-decoration:underline;}
a:visited{ color:#656D77;}
sup{ vertical-align:text-top;}/* 重置,减少对行高的影响 */
sub{ vertical-align:text-bottom;}

5.
/** 重置表单元素 **/

legend{ color:#000;} /* for ie6 */
fieldset, img{ border:0;} /* img 搭车:让链接里的 img 无边框 */
button, input, select, textarea{ font-size:100%;} /* 使得表单元素在 ie 下能继承字体大小 */
div{ overflow:hidden;}