CSS-初始化模板1(normalize.css)

按照normalize.css的初始化模板，对其注释进行翻译，方便查看。

normalize.css的github：https://github.com/necolas/normalize.css

初始化的目的：保护有用的浏览器样式、一般化的样式、修复浏览器自身的bug、优化css的可用性、解释代码

/*
*在所有浏览器中更正行高。
*防止在更改方向后调整字体大小
*Windows Phone和iOS上的IE。
*/
html{
    font-family:sans-serif;
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}

/*删除页面中的边距*/
body{
    margin:0;
    padding:0;
}

/*在IE中一致呈现“main”元素。*/
main{
    display:block;
}

/*
*更正“section”和“h1”元素的字体大小和边距
*Chrome、Firefox和Safari中的“article”元素上下文。
*/
h1{
    font-size:2em;
    margin:0.67em 0;
}

/*
*在Firefox中添加正确的框大小。
*显示边缘和IE中的溢出。
*/
pre{
    font-family:monospace,monospace;
    font-size:1em;
}

/*文本级语义*/
/*========================================================================== */

/*删除IE 10中活动链接上的灰色背景。*/
a{
    background-color:transparent;
}

/*
*移除Chrome57的底部边框-
*在Chrome、Edge、IE、Opera和Safari中添加正确的文本装饰。
*/
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted;
}

/*在Chrome、Edge和Safari中添加正确的字体粗细。*/
b,strong {
  font-weight: bolder;
}

/*
*更正所有浏览器中字体大小的继承和缩放。
*在所有浏览器中更正奇数'em'字体大小。
*/
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em;
}

/*在所有浏览器中添加正确的字体大小。*/
small{
    font-size:80%;
}

/**
*防止“sub”和“sup”元素影响
*所有浏览器。
*/
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sub{
    bottom:-0.25em;
}
sup{
    top:-0.5em;
}

/*嵌入内容*/
/*========================================================================== */

/*删除IE 10中链接内的图像边框。*/
img{
    border-style:none;
}

/*表格*/
/*========================================================================== */

/*
*在所有浏览器中更改字体样式。
*删除Firefox和Safari中的边距。
*/
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0;
}

/*
*在IE中显示溢出。
*显示边缘溢出。
*/
button,input{
    overflow:visible;
}

/*
*删除Edge、Firefox和IE中文本转换的继承。
*删除Firefox中文本转换的继承。
*/
button,select{
    text-transform:none;
}

/*更正在iOS和Safari中无法设置可单击类型的样式。*/
button,[type="button"],[type="reset"],[type="submit"]{
    -webkit-appearance:button;
}

/*删除Firefox中的内边框和填充。*/
button:-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{
    border-style:none;
    padding:0;
}

/*恢复先前规则未设置的焦点样式。*/4
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{
    outline:1px dotted ButtonText;
}

/*更正Firefox中的填充。*/
fieldset{
    padding:0.35em 0.75em 0.625em;
}
/*
*更正边缘和IE中的文字环绕。
*更正IE中“fieldset”元素的颜色继承。
*去掉填充，这样开发人员在归零时不会被发现
*所有浏览器中的`fieldset`元素。
*/
legend{
    box-sizing:border-box;
    display:table;
    max-width:100%;
    white-space:normal;
    color:inherit;
    padding:0;
}
/*在Chrome、Firefox和Opera中添加正确的垂直对齐方式。*/
progress{
    vertical-align:baseline;
}

/*删除IE 10+中默认的垂直滚动条。*/
textarea{
    overflow:auto;
}

/*更正Chrome中递增和递减按钮的光标样式。*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
    height:auto;
}

/*
*纠正Chrome和Safari中的奇怪外观。
*更正Safari中的轮廓样式。
*/
[type="search"]{
    -webkit-appearance:textfield;
    outline-offset:-2px;
}

/*删除macOS上Chrome和Safari中的内部填充。*/
[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none;
}

/*
*更正在iOS和Safari中无法设置可单击类型的样式。
*在Safari中将字体属性更改为“inherit”。
*/
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit;
}

/*交互式*/
/*========================================================================== */

/*在Edge、IE 10+和Firefox中添加正确的显示。*/
detalis{
    display:block;
}

/*在所有浏览器中添加正确的显示。*/
summary{
    display:list-item;
}

/*移动*/
/*========================================================================== */

/*在IE 10+中添加正确的显示*/
template{
    display:none;
}

/*在IE 10中添加正确的显示*/
[hidden]{
    display:none;
}