html 初始化css,css样式初始化

~~~

* {-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

-webkit-touch-callout: none;

list-style: none;

margin: 0px;

padding: 0px;

}

html,body {

font-size: 20px;

height:100%;

font-family: sans-serif;

-webkit-text-size-adjust: 100%;

-ms-text-size-adjust: 100%;

}

@media only screen and (min-width: 320px) {

html {

font-size: 19px !important;

}

}

@media only screen and (min-width: 400px) {

html {

font-size: 21.33333333px !important;

}

}

@media only screen and (min-width: 414px) {

html {

font-size: 22.08px !important;

}

}

@media only screen and (min-width: 480px) {

html {

font-size: 25.6px !important;

}

}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {

display: block;

}

audio,canvas,progress,video {

display: inline-block;

vertical-align: baseline;

}

a {

background-color: transparent;

}

a:active, a:hover {

outline: 0;

}

abbr[title] {

border-bottom: 1px dotted;

}

img {

border: 0;

}

svg:not(:root) {

overflow: hidden;

}

figure {

margin: 1em 40px;

}

code,kbd,pre,samp {

font-family: monospace, monospace;

font-size: 1em;

}

button,input,optgroup,select,textarea {

font: inherit;

color: inherit;

outline: none;

}

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="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;

}

table {

border-spacing: 0;

border-collapse: collapse;

}

~~~