/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).設置默認字體為無襯線字體。
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.防止 iOS 和 IE 橫屏時調整文本大小，不用none值禁止用戶縮放。
*/
html{
font-family:sans-serif; /* 1 */
-ms-text-size-adjust:100%;/* 2 */
-webkit-text-size-adjust:100%;/* 2 */
}
/**
* Remove the margin in all browsers (opinionated).移除margin，針對所有瀏覽器（自定義）
*/
body{
margin:0;
}
/* HTML5 display definitions HTML5顯示定義
========================================================================== */
/**
* Add the correct display in IE 9-.修正補充IE9-的顯示方式
* 1. Add the correct display in Edge, IE, and Firefox.修正補充Edge, IE, and Firefox的顯示方式
* 2. Add the correct display in IE.修正補充IE的顯示方式
*/
article,
aside,
details,/* 1 */
figcaption,
figure,
footer,
header,
main,/* 2 */
menu,
nav,
section,
summary{ /* 1 */
display:block;
}
/**
* Add the correct display in IE 9-.修正補充IE9-的顯示方式
*/
audio,
canvas,
progress,
video{
display:inline-block;
}
/**
* Add the correct display in iOS 4-7.修正補充iOS 4-7的顯示方式
*/
audio:not([controls]){
display:none;
height:0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.修正補充在Chrome, Firefox, 和Opera中的垂直對齊方式
*/
progress{
vertical-align:baseline;
}
/**
* Add the correct display in IE 10-.修正補充IE10-的顯示方式
* 1. Add the correct display in IE.修正補充IE的顯示方式
*/
template,/* 1 */
[hidden]{
display:none;
}
/* Links 鏈接
========================================================================== */
/**
* Remove the gray background on active links in IE 10.去掉 IE 10 鏈接激活時的灰色背景
*/
a{
background-color:transparent;
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).移除焦點鏈接active和hover時的輪廓線，針對所有瀏覽器（自定義）
*/
a:active,
a:hover{
outline-width:0;
}
/* Text-level semantics 文本語義
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.1. 移除在Firefox 39-下的下邊框
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 2. 修正補充在Chrome, Edge, IE, Opera, 和 Safari里的文本裝飾線
*/
abbr[title]{
border-bottom:none; /* 1 */
text-decoration:underline; /* 2 */
text-decoration:underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6. 下條規則避免在Safari 6中重復運用"bolder"
*/
b,
strong{
font-weight:inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.在Chrome, Edge, and Safari中修正補充font weight
*/
b,
strong{
font-weight:bolder;
}
/**
* Add the correct font style in Android 4.3-.修正補充Android 4.3-里的font style
*/
dfn{
font-style:italic;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari. 更正Chrome，Firefox，Safari瀏覽器下`section`和`article`節點內的h1的字體大小和margin
*/
h1{
font-size:2em;
margin:0.67em 0;
}
/**
* Add the correct background and color in IE 9-.修正補充 IE 9- 下的 background and color
*/
mark{
background-color:#ff0;
color:#000;
}
/**
* Add the correct font size in all browsers.針對所有瀏覽器修正補充font size
*/
small{
font-size:80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.防止`sub` 和 `sup`元素影響行高，針對所有瀏覽器
*/
sub,
sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
sub{
bottom:-0.25em;
}
sup{
top:-0.5em;
}
/* Embedded content 內嵌元素
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.去除 IE 10- a 內部 img 元素默認的邊框
*/
img{
border-style:none;
}
/**
* Hide the overflow in IE.修復 IE9 中的 overflow 的怪異表現
*/
svg:not(:root){
overflow:hidden;
}
/* Grouping content 群組元素
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.1. 糾正在所有瀏覽器的字體和字體大小的繼承和縮放
* 2. Correct the odd `em` font sizing in all browsers.2.糾正在所有瀏覽器的‘em’字體大小
*/
code,
kbd,
pre,
samp{
font-family:monospace, monospace; /* 1 */
font-size:1em; /* 2 */
}
/**
* Add the correct margin in IE 8.修正補充IE8下的margin
*/
figure{
margin:1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.1.修正補充Firefox下的box-sizing
* 2. Show the overflow in Edge and IE.2.在Edge 和 IE下溢出顯示
*/
hr{
box-sizing:content-box; /* 1 */
height:0; /* 1 */
overflow:visible; /* 2 */
}
/* Forms 表單
========================================================================== */
/**
* Change font properties to `inherit` in all browsers (opinionated).改字體屬性為繼承“inherit”，針對所有瀏覽器（自定義）
*/
button,
input,
select,
textarea{
font:inherit;
}
/**
* Restore the font weight unset by the previous rule.恢復font weight取消以前的規則
*/
optgroup{
font-weight:bold;
}
/**
* Show the overflow in IE.在IE下溢出顯示
* 1. Show the overflow in Edge.1.在Edge下溢出顯示
* 2. Show the overflow in Edge, Firefox, and IE.2.在Edge, Firefox, 和 IE下溢出顯示
*/
button,
input,/* 1 */
select{ /* 2 */
overflow:visible;
}
/**
* Remove the margin in Safari.移除Safari下的margin
* 1. Remove the margin in Firefox and Safari.1.移除Safari和Firefox下的margin
*/
button,
input,
select,
textarea{ /* 1 */
margin:0;
}
/**
* Remove the inheritence of text transform in Edge, Firefox, and IE.移除在Edge, Firefox, 和 IE里的text-transform的繼承
* 1. Remove the inheritence of text transform in Firefox.1.移除在Firefox里text-transform的繼承
*/
button,
select{ /* 1 */
text-transform:none;
}
/**
* Change the cursor in all browsers (opinionated).改光標為手型，針對所有瀏覽器（自定義）
*/
button,
[type="button"],
[type="reset"],
[type="submit"]{
cursor:pointer;
}
/**
* Restore the default cursor to disabled elements unset by the previous rule.恢復disabled元素的默認光標，取消以前的規則。
*/
[disabled]{
cursor:default;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.1. 防止WebKit的bug（2）破壞原生`audio‘和 `video ` 控制條，在安卓4的版本下
* 2. Correct the inability to style clickable types in iOS.2. 修正在IOS下不可點擊的bug
*/
button,
html [type="button"],/* 1 */
[type="reset"],
[type="submit"]{
-webkit-appearance:button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.移除Firefox中的border和padding
*/
button::-moz-focus-inner,
input::-moz-focus-inner{
border:0;
padding:0;
}
/**
* Restore the focus styles unset by the previous rule.通過恢復以前的規則取消設置的focus樣式。
*/
button:-moz-focusring,
input:-moz-focusring{
outline:1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).更改border, margin, 和 padding，針對所有的瀏覽器（自定義）
*/
fieldset{
border:1px solid #c0c0c0;
margin:0 2px;
padding:0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.1.更正Edge和IE中的文字換行。
* 2. Correct the color inheritance from `fieldset` elements in IE.2.糾正在IE瀏覽器`fieldset`元素的字體顏色繼承。
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.3. 移除padding針對所有瀏覽器
*/
legend{
box-sizing:border-box; /* 1 */
color:inherit; /* 2 */
display:table; /* 1 */
max-width:100%; /* 1 */
padding:0; /* 3 */
white-space:normal; /* 1 */
}
/**
* Remove the default vertical scrollbar in IE.移除IE瀏覽器中默認的垂直滾動條
*/
textarea{
overflow:auto;
}
/**
* 1. Add the correct box sizing in IE 10-.1.修正補充box sizing，在IE 10-瀏覽器
* 2. Remove the padding in IE 10-.2.移除padding在IE 10-瀏覽器
*/
[type="checkbox"],
[type="radio"]{
box-sizing:border-box; /* 1 */
padding:0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.糾正在Chrome遞增和遞減按鈕光標樣式
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
height:auto;
}
/**
* Correct the odd appearance of search inputs in Chrome and Safari.更正search在Chrome和Safari古怪的樣子
*/
[type="search"]{
-webkit-appearance:textfield;
}
/**
* Remove the inner padding and cancel buttons in Chrome on OS X and
* Safari on OS X.移除padding和取消按鈕在Chrome OS X 和 Safari OS X。
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}
壓縮版:
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
progress{vertical-align:baseline}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit;font-weight:bolder}
dfn{font-style:italic}
h1{margin:.67em 0;font-size:2em}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-size:1em;font-family:monospace}
figure{margin:1em 40px}
hr{overflow:visible;box-sizing:content-box;height:0}
button,input,select,textarea{font:inherit}
optgroup{font-weight:700}
button,input,select{overflow:visible}
button,input,select,textarea{margin:0}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{cursor:pointer}
[disabled]{cursor:default}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}
fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver}
legend{display:table;box-sizing:border-box;padding:0;max-width:100%;color:inherit;white-space:normal}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
