CSS（5）工具-reset

最新推荐文章于 2024-09-11 20:31:47 发布

lion_nan

最新推荐文章于 2024-09-11 20:31:47 发布

阅读量434

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/wangnantjobj/article/details/53784832

版权

css 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

prefixfree.js

prefix是能将CSS3代码自动生成跨浏览器CSS代码的在线应用
prefixfree.js: http://leaverou.github.io/prefixfree/
你只需要在你的.html文件中插入一个prefixfree.js文件（可以是文档任何地方），建议把这个脚本文件放在样式表之后。
添加这个脚本之后，使用CSS3的属性时，只需书写标准样式即可。但是这种做法将所有压力交给了客户端来处理。如此一来页面解析压力就大了，性能会打一定的折扣，并且一旦脚本加载失败，那么就会出现浏览器无法正常渲染CSS3的样式风格。
prefixfree脚本仅在IE9+、Opera10+、Firefox3.5+、Safari4+得到支持。

CSS Reset

简单粗暴的，将浏览器可能的自带样式都覆盖掉，缺点是不得不重新定义很多无须定义的样式。

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,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;
}