CSS样式初始化
方法一:css reset
/*reset*/html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,h7,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}body{font:12px/1Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;}img{border:none;}em,strong{font-style:normal;font-weight:normal;}li{list-style:none;}table{border-collapse:collapse;border-spacing:0;}h2{font-size:18px;}h3{font-size:16px;}h4{font-size:14px;}h5,h6,h7{font-size:100%;}q:before,q:after{content:'';}/*消除q前后的内容*/button,input,select,textarea{font-size:100%;}/*使得表单元素在ie下能继承字体大小*/input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}address,cite,dfn,em,var{font-style:normal;}/*将斜体扶正*//*link*/a{color:#36c;text-decoration:none;}a:hover{color:#f60;text-decoration:underline;}
方法二:normalize.css
/*!normalize.cssv4.1.1|MITLicense|github.com/necolas/normalize.css*//***1.Changethedefaultfontfamilyinallbrowsers(opinionated).*2.PreventadjustmentsoffontsizeafterorientationchangesinIEandiOS.*/html{font-family:sans-serif;/*1*/-ms-text-size-adjust:100%;/*2*/-webkit-text-size-adjust:100%;/*2*/}/***Removethemargininallbrowsers(opinionated).*/body{margin:0;}/*HTML5displaydefinitions==========================================================================*//***AddthecorrectdisplayinIE9-.*1.AddthecorrectdisplayinEdge,IE,andFirefox.*2.AddthecorrectdisplayinIE.*/article,aside,details,/*1*/figcaption,figure,footer,header,main,/*2*/menu,nav,section,summary{/*1*/display:block;}/***AddthecorrectdisplayinIE9-.*/audio,canvas,progress,video{display:inline-block;}/***AddthecorrectdisplayiniOS4-7.*/audio:not([controls]){display:none;height:0;}/***AddthecorrectverticalalignmentinChrome,Firefox,andOpera.*/progress{vertical-align:baseline;}/***AddthecorrectdisplayinIE10-.*1.AddthecorrectdisplayinIE.*/template,/*1*/[hidden]{display:none;}/*Links==========================================================================*//***1.RemovethegraybackgroundonactivelinksinIE10.*2.RemovegapsinlinksunderlineiniOS8+andSafari8+.*/a{background-color:transparent;/*1*/-webkit-text-decoration-skip:objects;/*2*/}/***Removetheoutlineonfocusedlinkswhentheyarealsoactiveorhovered*inallbrowsers(opinionated).*/a:active,a:hover{outline-width:0;}/*Text-levelsemantics==========================================================================*//***1.RemovethebottomborderinFirefox39-.*2.AddthecorrecttextdecorationinChrome,Edge,IE,Opera,andSafari.*/abbr[title]{border-bottom:none;/*1*/text-decoration:underline;/*2*/text-decoration:underlinedotted;/*2*/}/***Preventtheduplicateapplicationof`bolder`bythenextruleinSafari6.*/b,strong{font-weight:inherit;}/***AddthecorrectfontweightinChrome,Edge,andSafari.*/b,strong{font-weight:bolder;}/***AddthecorrectfontstyleinAndroid4.3-.*/dfn{font-style:italic;}/***Correctthefontsizeandmarginon`h2`elementswithin`section`and*`article`contextsinChrome,Firefox,andSafari.*/h2{font-size:2em;margin:0.67em0;}/***AddthecorrectbackgroundandcolorinIE9-.*/mark{background-color:#ff0;color:#000;}/***Addthecorrectfontsizeinallbrowsers.*/small{font-size:80%;}/***Prevent`sub`and`sup`elementsfromaffectingthelineheightin*allbrowsers.*/sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}/*Embeddedcontent==========================================================================*//***Removetheborderonp_w_picpathsinsidelinksinIE10-.*/img{border-style:none;}/***HidetheoverflowinIE.*/svg:not(:root){overflow:hidden;}/*Groupingcontent==========================================================================*//***1.Correcttheinheritanceandscalingoffontsizeinallbrowsers.*2.Correcttheodd`em`fontsizinginallbrowsers.*/code,kbd,pre,samp{font-family:monospace,monospace;/*1*/font-size:1em;/*2*/}/***AddthecorrectmargininIE8.*/figure{margin:1em40px;}/***1.AddthecorrectboxsizinginFirefox.*2.ShowtheoverflowinEdgeandIE.*/hr{box-sizing:content-box;/*1*/height:0;/*1*/overflow:visible;/*2*/}/*Forms==========================================================================*//***1.Changefontpropertiesto`inherit`inallbrowsers(opinionated).*2.RemovethemargininFirefoxandSafari.*/button,input,select,textarea{font:inherit;/*1*/margin:0;/*2*/}/***Restorethefontweightunsetbythepreviousrule.*/optgroup{font-weight:bold;}/***ShowtheoverflowinIE.*1.ShowtheoverflowinEdge.*/button,input{/*1*/overflow:visible;}/***RemovetheinheritanceoftexttransforminEdge,Firefox,andIE.*1.RemovetheinheritanceoftexttransforminFirefox.*/button,select{/*1*/text-transform:none;}/***1.PreventaWebKitbugwhere(2)destroysnative`audio`and`video`*controlsinAndroid4.*2.CorrecttheinabilitytostyleclickabletypesiniOSandSafari.*/button,html[type="button"],/*1*/[type="reset"],[type="submit"]{-webkit-appearance:button;/*2*/}/***RemovetheinnerborderandpaddinginFirefox.*/button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}/***Restorethefocusstylesunsetbythepreviousrule.*/button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1pxdottedButtonText;}/***Changetheborder,margin,andpaddinginallbrowsers(opinionated).*/fieldset{border:1pxsolid#c0c0c0;margin:02px;padding:0.35em0.625em0.75em;}/***1.CorrectthetextwrappinginEdgeandIE.*2.Correctthecolorinheritancefrom`fieldset`elementsinIE.*3.Removethepaddingsodevelopersarenotcaughtoutwhentheyzeroout*`fieldset`elementsinallbrowsers.*/legend{box-sizing:border-box;/*1*/color:inherit;/*2*/display:table;/*1*/max-width:100%;/*1*/padding:0;/*3*/white-space:normal;/*1*/}/***RemovethedefaultverticalscrollbarinIE.*/textarea{overflow:auto;}/***1.AddthecorrectboxsizinginIE10-.*2.RemovethepaddinginIE10-.*/[type="checkbox"],[type="radio"]{box-sizing:border-box;/*1*/padding:0;/*2*/}/***CorrectthecursorstyleofincrementanddecrementbuttonsinChrome.*/[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}/***1.CorrecttheoddappearanceinChromeandSafari.*2.CorrecttheoutlinestyleinSafari.*/[type="search"]{-webkit-appearance:textfield;/*1*/outline-offset:-2px;/*2*/}/***RemovetheinnerpaddingandcancelbuttonsinChromeandSafarionOSX.*/[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}/***CorrectthetextstyleofplaceholdersinChrome,Edge,andSafari.*/::-webkit-input-placeholder{color:inherit;opacity:0.54;}/***1.CorrecttheinabilitytostyleclickabletypesiniOSandSafari.*2.Changefontpropertiesto`inherit`inSafari.*/::-webkit-file-upload-button{-webkit-appearance:button;/*1*/font:inherit;/*2*/}
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。