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;
}
Normalize
更通用的重置
下载地址:http://necolas.github.io/normalize.css/