您的位置:首页 > Web前端 > CSS

三种CSS 全局Reset 方案

2016-09-20 14:22 253 查看



方案1
html, body, div, span,applet, object, iframe, table, caption, 

tbody, tfoot, thead, tr,th, td, del, dfn, em, font, img, ins, 

kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, 

h1, h2, h3, h4, h5, h6,p, blockquote, pre, a, abbr, 

acronym, address, big,cite, code, dl, dt, dd, ol, ul, li, 

fieldset, form, label,legend { 

  vertical-align: baselinebaseline; 

  font-family: inherit; 

  font-weight: inherit; 

  font-style: inherit; 

  font-size: 100%; 

  outline: 0; 

  padding: 0; 

  margin: 0; 

  border: 0; 

}
:focus { 

  outline: 0; 

}
body { 

  background: white; 

  line-height: 1; 

  color: black; 

}
ol, ul { 

  list-style: none; 

}
table { 

  border-collapse: separate; 

  border-spacing: 0; 

}
caption, th, td { 

  font-weight: normal; 

  text-align: left; 

}
blockquote:before,blockquote:after, q:before, q:after { 

  content: ""; 

}
blockquote, q { 

  quotes: "" ""; 

}
 
方案2:Yahoo’s(YUI) CSS Reset
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, 

form,fieldset,input,textarea,p,blockquote,th,td{ 

  padding: 0; 

  margin: 0; 

}
table { 

  border-collapse: collapse; 

  border-spacing: 0; 

}
fieldset,img { 

  border: 0; 

}
address,caption,cite,code,dfn,em,strong,th,var{ 

  font-weight: normal; 

  font-style: normal; 

}
ol,ul { 

  list-style: none; 

}
caption,th { 

  text-align: left; 

}
h1,h2,h3,h4,h5,h6 { 

  font-weight: normal; 

  font-size: 100%; 

}
q:before,q:after { 

  content:''; 

}
abbr,acronym {

  border:0; 

}

方案3

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code

, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
  outline:none;
}

html{
  height:101%;/* 总是显示滚动条 */


body{
  font-size:62.5%;
line-height:1;
  font-family:Arial, Tahoma, Verdana, sans-serif;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
  display:block;
}

img{
  border:0;
  max-width:100%;
}

a{
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

ol, ul{
  list-style:none;
}

blockquote, q{
  quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after{
   content:"";
  content:none;
}

strong{
font-weight:bold;


input{
  outline:none;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  全局reset