/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
*?1.?Change?the?default?font?family?in?all?browsers?(opinionated).設(shè)置默認(rèn)字體為無(wú)襯線字體仔沿。
*?2.?Prevent?adjustments?of?font?size?after?orientation?changes?in?IE?and?iOS.防止?iOS?和?IE?橫屏?xí)r調(diào)整文本大小润讥，不用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辆琅，針對(duì)所有瀏覽器（自定義）
*/
body{
margin:0;
}
/*?HTML5?display?definitions?HTML5顯示定義
==========================================================================?*/
/**
*?Add?the?correct?display?in?IE?9-.修正補(bǔ)充IE9-的顯示方式
*?1.?Add?the?correct?display?in?Edge,?IE,?and?Firefox.修正補(bǔ)充Edge,?IE,?and?Firefox的顯示方式
*?2.?Add?the?correct?display?in?IE.修正補(bǔ)充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-.修正補(bǔ)充IE9-的顯示方式
*/
audio,
canvas,
progress,
video{
display:inline-block;
}
/**
*?Add?the?correct?display?in?iOS?4-7.修正補(bǔ)充iOS?4-7的顯示方式
*/
audio:not([controls]){
display:none;
height:0;
}
/**
*?Add?the?correct?vertical?alignment?in?Chrome,?Firefox,?and?Opera.修正補(bǔ)充在Chrome,?Firefox,?和Opera中的垂直對(duì)齊方式
*/
progress{
vertical-align:baseline;
}
/**
*?Add?the?correct?display?in?IE?10-.修正補(bǔ)充IE10-的顯示方式
*?1.?Add?the?correct?display?in?IE.修正補(bǔ)充IE的顯示方式
*/
template,/*?1?*/
[hidden]{
display:none;
}
/*?Links??鏈接
==========================================================================?*/
/**
*?Remove?the?gray?background?on?active?links?in?IE?10.去掉?IE?10?鏈接激活時(shí)的灰色背景
*/
a{
background-color:transparent;
}
/**
*?Remove?the?outline?on?focused?links?when?they?are?also?active?or?hovered
*?in?all?browsers?(opinionated).移除焦點(diǎn)鏈接active和hover時(shí)的輪廓線目代，針對(duì)所有瀏覽器（自定義）
*/
a:active,
a:hover{
outline-width:0;
}
/*?Text-level?semantics??文本語(yǔ)義
==========================================================================?*/
/**
*?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.?修正補(bǔ)充在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.?下條規(guī)則避免在Safari?6中重復(fù)運(yùn)用"bolder"
*/
b,
strong{
font-weight:inherit;
}
/**
*?Add?the?correct?font?weight?in?Chrome,?Edge,?and?Safari.在Chrome,?Edge,?and?Safari中修正補(bǔ)充font?weight
*/
b,
strong{
font-weight:bolder;
}
/**
*?Add?the?correct?font?style?in?Android?4.3-.修正補(bǔ)充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咱台，F(xiàn)irefox夏志，Safari瀏覽器下`section`和`article`節(jié)點(diǎn)內(nèi)的h1的字體大小和margin
*/
h1{
font-size:2em;
margin:0.67em?0;
}
/**
*?Add?the?correct?background?and?color?in?IE?9-.修正補(bǔ)充?IE?9-?下的?background?and?color
*/
mark{
background-color:#ff0;
color:#000;
}
/**
*?Add?the?correct?font?size?in?all?browsers.針對(duì)所有瀏覽器修正補(bǔ)充font?size
*/
small{
font-size:80%;
}
/**
*?Prevent?`sub`?and?`sup`?elements?from?affecting?the?line?height?in
*?all?browsers.防止`sub`?和?`sup`元素影響行高垒拢，針對(duì)所有瀏覽器
*/
sub,
sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
sub{
bottom:-0.25em;
}
sup{
top:-0.5em;
}
/*?Embedded?content?內(nèi)嵌元素
==========================================================================?*/
/**
*?Remove?the?border?on?images?inside?links?in?IE?10-.去除?IE?10-?a?內(nèi)部?img?元素默認(rèn)的邊框
*/
img{
border-style:none;
}
/**
*?Hide?the?overflow?in?IE.修復(fù)?IE9?中的?overflow?的怪異表現(xiàn)
*/
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.修正補(bǔ)充IE8下的margin
*/
figure{
margin:1em?40px;
}
/**
*?1.?Add?the?correct?box?sizing?in?Firefox.1.修正補(bǔ)充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”健无，針對(duì)所有瀏覽器（自定義）
*/
button,
input,
select,
textarea{
font:inherit;
}
/**
*?Restore?the?font?weight?unset?by?the?previous?rule.恢復(fù)font?weight取消以前的規(guī)則
*/
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).改光標(biāo)為手型荣恐，針對(duì)所有瀏覽器（自定義）
*/
button,
[type="button"],
[type="reset"],
[type="submit"]{
cursor:pointer;
}
/**
*?Restore?the?default?cursor?to?disabled?elements?unset?by?the?previous?rule.恢復(fù)disabled元素的默認(rèn)光標(biāo)，取消以前的規(guī)則累贤。
*/
[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下不可點(diǎn)擊的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.通過(guò)恢復(fù)以前的規(guī)則取消設(shè)置的focus樣式。
*/
button:-moz-focusring,
input:-moz-focusring{
outline:1px?dotted?ButtonText;
}
/**
*?Change?the?border,?margin,?and?padding?in?all?browsers?(opinionated).更改border,?margin,?和?padding臼膏，針對(duì)所有的瀏覽器（自定義）
*/
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針對(duì)所有瀏覽器
*/
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瀏覽器中默認(rèn)的垂直滾動(dòng)條
*/
textarea{
overflow:auto;
}
/**
*?1.?Add?the?correct?box?sizing?in?IE?10-.1.修正補(bǔ)充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遞增和遞減按鈕光標(biāo)樣式
*/
[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}
