再次重置CSS样式默认属性

2009年9月10日 | 标签: , ,

/* CSS Document */
/*=====全局定义=====*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
input,textarea,button,p,blockquote,th,td {margin:0;padding:0;}/* 常用标签内外间距 */
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}/* h1-h16 字体定义 */
table{border-collapse:collapse; border-spacing:0;}/* table 间距与重合 */
caption,cite,em,strong,th {font-style:normal; font-weight:normal;} /* 字体定义 */
caption, th {text-align:left;}/* 文本对齐方式 */
fieldset, img {border:0;} /* 边框 */
img {vertical-align:top;} /* 解决ie6下边间距bug */
ul,ol,li {list-style:none;}
input,button,select {color:#000; font:100% arial; vertical-align:middle; overflow:visible;}
/* 解决表单元素与文本的对齐问题 */
select {height:20px; line-height:20px;}
/*===链接====*/
a:link{ color:#0054b4; text-decoration:none;}/* 未访问的链接 */
a:visited{color:#0054b4; text-decoration:none;}/* 已访问的链接 */
a:hover{color:#f00; text-decoration:underline;}/* 鼠标放上去的链接 */
a:active{ color:#999;}/* 激活链接 */
/*====浮动和清除浮动=====*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.clearfix:after {content:”.”; display:block; height:0px; clear:both; visibility:hidden; }
.clearfix {zoom:1;}

之前写过一篇关于css样式重置的博文,详见《重置文档类型声明中的默认属性》。今天接到一个项目,比较急,可能要用到外包,为了各成员之间书写样式的统一,参考现在yahoo线上的写法,又整理了这个reset文件。

下载:reset.css

  1. 2011年10月26日10:07

    深奥 :evil:

  2. 2010年12月17日15:59

    仔细对比了一下我经常用的重置样式·发现还是你的比较精简!

  3. 2009年9月21日18:24

    问一下,这样的设置是不是可以解决IE跟火狐的一些兼容性呢

    hzhjun 于 2009-9-23 9:25:07 回复

    确实可以觉得不少兼容问题,但这些只是最底层的,在制作页面过程中,还是有好多地方,不同浏览器的解析是不一样的,这也需要注意,比如ie6自身就有很多bug;尽量符合web标准的规范,这样会减少很多麻烦。

  4. 2009年9月21日18:18

    真的是好东西,以后所有CSS我都加上这些

  5. 2009年9月18日22:23

    这个很有用的

  6. 2009年9月15日11:13

    研究研究现在正在学习关于这方面的东西

    hzhjun 于 2009-9-16 10:50:55 回复

    嗯,有机会可以相互交流下~

  7. 华子
    2009年9月14日17:15

    很好的东西,收藏啦。

    hzhjun 于 2009-9-14 20:40:34 回复

    希望对你有用!