CSS样式重置表

reset.css

@charset "utf-8";

 

/* 样式重置 */

 

html {

  overflow-y: scroll;  /* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */

  background-color: #fff;

  color: #3c3c3c;

}

 

/* 清除内外边距 */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, /* list elements 列表元素 */

pre, /* text formatting elements 文本格式元素 */

fieldset, legend, button, input, textarea, /* form elements 表单元素 */

th, td /* table elements 表格元素 */

{

  margin: 0;

  padding: 0;

}

 

/* 设置默认字体 */

body,

button,

input,

select,

textarea {

  /* for ie */

  /* font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif; */

  /* 用 ascii 字符表示,使得在任何编码下都无问题 */

  font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;

}

 

h1 {

  font-size: 18px; /* 18px / 12px = 1.5 */

}

h2 {

  font-size: 16px;

}

h3 {

  font-size: 14px;

}

h4,

h5,

h6 {

  font-size: 100%;

}

 

/* 将斜体扶正 */

address,

cite,

dfn,

em,

var {

  font-style: normal;

}

 

/* 统一等宽字体 */

code,

kbd,

pre,

samp,

tt {

  font-family: "Courier New", Courier, monospace;

 

/* 小于 12px 的中文很难阅读,让 small 正常化 */

small {

  font-size: 12px;

}

 

/* 重置列表元素 */

ul,

ol {

  list-style: none;

}

 

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

a {

  text-decoration: none;

  color: #3c3c3c;

}

a:hover {

  text-decoration: underline;

}

 

abbr[title],

acronym[title] {

  /* 注:1.ie6 不支持 abbr; 2.这里用了属性选择符,ie6 下无效果 */

  border-bottom: 1px dotted;

  cursor: help;

}

 

q:before,

q:after {

  content: "";

}

 

/* for ie6 */

/* img 搭车:让链接里的 img 无边框 */

fieldset,

img {

  border: none;

 

/* 使得表单元素在 ie 下能继承字体大小 */

button,

input,

select,

textarea {

  font-size: 100%; 

}

 

/* 重置表格元素 */

table {

  border-collapse: collapse;

  border-spacing: 0;

}

 

压缩版本

@charset "utf-8";html {overflow-y: scroll;background-color: #fff;color: #3c3c3c;}body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;}body, button, input, select, textarea {font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}h1 {font-size: 18px;}h2 {font-size: 16px;}h3 {font-size: 14px;}h4, h5, h6 {font-size: 100%;}address, cite, dfn, em, var {font-style: normal;}code, kbd, pre, samp, tt {font-family: "Courier New", Courier, monospace;}small {font-size: 12px;}ul, ol {list-style: none;}a {text-decoration: none;color: #3c3c3c;}a:hover {text-decoration: underline;}abbr[title], acronym[title] {border-bottom: 1px dotted;cursor: help;}q:before, q:after {content: "";}fieldset, img {border: none;}button, input, select, textarea {font-size: 100%;}table {border-collapse: collapse;border-spacing: 0;}

你可能感兴趣的:(CSS样式重置表)