CSS样式中img设置img{border: 0;margin:0; padding:0;}初始化

html-css026

CSS样式中img设置img{border: 0;margin:0; padding:0;}初始化,第1张

还有一种初始化是

*{margin:0padding:0}

或者

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0padding:0}

你可以去参考百度的初始化或者其他大站的一些初始化理解一下去

有些浏览器如IE，对img默认是给它加个蓝色外边框，这样看起来会很难看。

这个不只是img，CSS的其他元素都应该首先归零，然后再根据需要自定义，这是一个好习惯，也是前端设计的基本需要。

/*全局样式*/

*{padding:0margin:0}

div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0}

img,input{border:nonevertical-align:middle}

body{font-family:Tahoma,Arial,Helvetica,"宋体"font-size:12pxtext-align:centerbackground:#FFFcolor:#000}

html{overflow-y:scroll}

ul,ol{list-style-type:none}

th,td,input{font-size:12px}

h3{font-size:14px}

button{border:nonecursor:pointerfont-size:12pxbackground-color:transparent}

select{border-width:1px_zoom:1border-style:solidpadding-top:2pxfont-size:12px}

.clear{clear:bothfont-size:1pxheight:0visibility:hiddenline-height:0}

.clearfix:after{content:""display:blockclear:both}

.clearfix{zoom:1}

a:link,a:visited{text-decoration:nonecolor:#333}

a:hover,a:active{text-decoration:underlinecolor:#f60}