前端开发CSS样式重置代码，reset.css ⾃⼰的⼀段样式重置代码，⽅便⾃⼰开发使⽤，如有更好的欢迎在评论去给个链接
/* 清除内外边距 */
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, lengend, button, input, textarea, /* form elements 表单元素 */
th, td{/* table elements 表格元素 */
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* 设置默认字体 */
body,
button, input, select, textarea{/* for ie */
/*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
font-family:"微软雅⿊",sans-serif, inherit;/* ⽤ ascii 字符表⽰，使得在任何编码下都⽆问题 */
font-size: 0.12rem;
}
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;}/* 统⼀等宽字体 */
small{font-size: 12px;}/* ⼩于 12px 的中⽂很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul, ol{list-style: none;}
/* 重置⽂本格式元素 */
a{text-decoration: none;}
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:'';}
/* 重置表单元素 */
legend{color: #000;}/* for ie6 */
fieldset, img{border: none;}/* img 搭车：让链接⾥的 img ⽆边框 */
/* 注：optgroup ⽆法扶正 */
button, input, select, textarea{
font-size: 100%;/* 使得表单元素在 ie 下能继承字体⼤⼩ */
}
css设置表格滚动条
/* 重置表格元素 */
table{
border-collapse: collapse;
border-spacing: 0;
}
/* 重置 hr */
hr{
border: none;
height: 1px;
}
}
/* 让⾮ie浏览器默认也显⽰垂直滚动条，防⽌因滚动条引起的闪烁 */
html{overflow-y: scroll;}
/
*超出内容显⽰省略号*/
.ellipsis{max-width: 100%;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;} /*清除浮动*/
.clearfix{  *zoom: 1;}
.clearfix:before,
.clearfix:after{display: table;line-height: 0;content:"";}
.clearfix:after{clear: both;}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。