reset.css

时间:2019-09-16
本文章向大家介绍reset.css,主要包括reset.css使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
@charset "utf-8";
/* CSS Document */
*{box-sizing:border-box}
body,ul,li,h1,h2,h3,h4,h5,h6,form,dl,dd,ol{margin:0;padding:0;list-style:none;}
p{margin:0;padding:0;}
body{font-size:12px;font-family:"Microsoft YaHei"}
html,body{height:100%;font-size:12px;}
dl,dt,dd{display:block;margin:0}
img{border:0;max-width:100%;}
ul,li{margin:0;padding:0;border-width:0;list-style-type:none}
em, i{font-style:normal;}
article,section,header,footer,aside,nav,iframe{display:block}
input::focus-inner{padding:0;border:0}
input{outline:0}
input,textarea {font-family:"Microsoft YaHei"; font-size:12px;}
input::-ms-clear,input::-ms-reveal{display:none; outline:none;} /*ie10浏览器当点击文本框的时候,默认值文本框后面的地方删除的X*/
button,input,optgroup,select,textarea {    margin: 0;    font: inherit;    color: inherit}
button {overflow: visible}
button,select {    text-transform: none}
button,html input[type=button],input[type=reset],input[type=submit] {-webkit-appearance: button;    cursor: pointer}
button[disabled],html input[disabled] {    cursor: default}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0}
input {line-height: normal}
input[type=checkbox],input[type=radio] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0}
input[type=checkbox],input[type=radio] { -webkit-appearance: none;appearance: none; outline: none; width: 12px; height: 12px;cursor: pointer; vertical-align: middle; background: #fff; border: 1px solid #ccc; position: relative;}
input[type=checkbox]:checked::after {content: "\2713";display: block;position: absolute; top: -1px; left: -1px; right: 0; bottom: 0; width: 10px; height: 10px; line-height: 10px; border: 1px solid #ddd; color: #264aa8; font-size: 12px;}
input[type=radio]:checked::after {content: "";display: block;position: absolute;top: 2px; left: 2px; right: 0;bottom: 0; width: 6px; height: 6px;  background-color: #264aa8;}
input[type=radio], input[type=radio]:checked::after { border-radius: 50%;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {height: auto}
input[type=search] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance: none}
.pull-left{float: left;}
.pull-right{float: right;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"\20";line-height:0}
.clearfix{*zoom:1}
.clear{clear:both}

 

$flag 上一页 下一页