normalize.css和reset.css

不同的浏览器对默认样式的处理不同,比如ul默认带有缩进样式,在IE下,它的缩进是由margin实现的,而在Firefox下却是由padding实现的。为了统一浏览器的默认样式,引进css reset,将浏览器的默认样式覆盖掉;

部分css  reset样式:

html {color:#000;background:#FFF;}

body,div,dl,dt,dd,ul,ol,li,

h1,h2,h3,h4,h5,h6,

pre,code,form,fieldset,legend,

input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table {border-collapse:collapse;border-spacing:0;}

fieldset,img {border:0;}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}

li {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}

q:before,q:after {content:'';}

abbr,acronym {border:0;font-variant:normal;}

sup {vertical-align:text-top;}

sub {vertical-align:text-bottom;}

input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}

input,textarea,select {*font-size:100%;}

legend {color:#000;}

相比于css reset,粗暴的将几乎所有的浏览器默认样式修改统一, narmalize.css保留了有用的默认样式等等好处;

narmalize.css的下载地址:https://necolas.github.io/normalize.css/5.0.0/normalize.css

猜你喜欢

转载自blog.csdn.net/kalinux/article/details/83542413