css 初始化后样式

CSS是网页排版领域的强有力工具，它用于网页的美化和样式的设置。在进行CSS样式设置之前，我们需要对网页元素进行初始化操作，以免一些浏览器的差异导致页面样式不一致的问题。

最为常见的初始化工具就是reset.css，它可以重置所有的HTML元素，去除浏览器默认的样式，确保所有浏览器显示的元素样式都是相同的。

/* reset.css */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 {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline;
}
/* 设置图片不会出现边框 */img {
      border: none;
      vertical-align: middle;
}
/* 设置表单元素的默认边框 */fieldset {
      border: none;
      margin: 0;
      padding: 0;
}
/* 设置链接的默认样式 */a {
      color: #333;
      text-decoration: none;
}
/* 重置列表样式 */ol,ul {
      list-style: none;
}
/* 设置强调样式（需要自己添加样式） */strong {
      font-weight: bold;
}
em {
      font-style: italic;
}
    

使用reset.css之后，我们可以自由发挥CSS样式的设计和设置，不再受限于浏览器的默认样式，从而更好的实现网页的美化效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！