发个自己的CSS重置基础代码

2011-06-15 分类：HTML/CSS 24人评论4,819次浏览

关于css的重置代码有很多，也有不少人写过适合不同站点的重置代码，这里发个浩子平时使用的额方法。

代码如下：

/* haozi / hao.chen@qq.com / 2011.06.15 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0}
input,button,select,textarea{outline:none}li{list-style:none}img{border:none}textarea{resize:none}
body{color:#666;background:#fff;word-break:break-all;word-wrap:break-word;text-align:center}
body,input,textarea{font-size:12px;font-family:\5b8b\4f53,Verdana,Arial}
a{color:#305999;text-decoration:none;outline:none}
a:hover{color:#090}
.wrap{width:1000px;margin:0 auto;text-align:left;position:relative}
/*clearfix*/
.clearfix:after,.wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.wrap{*+height:1%}

话说这两天文章发布频率下降，给大家道个歉，接下来将要写几篇有关css性能的文章，还请各位收听@浩子已获得最新文章资源。

转载请注明：大前端 » 发个自己的CSS重置基础代码

您还可以继续浏览 css 前端技巧的文章

18访客评论，博主回复6条

#14
不错，简洁。

yooly05-03 12:01 回复
#13
很不错啊，我也对这个做了不少研究，大体上一样了，不过你这里把.wrap也默认设置了清除浮动不错，我喜欢，借用了啊

CloudYan04-19 08:48 回复
#12
这个东东不错，很实用的，我也综合了几个CSS框架，写了自己的css reset

浩安12-13 09:35 回复
#11
我是几大门户都抄袭了下！

agen11-29 11:01 回复
#10
浩子兄，站内的东东很好哦
刚才看上文的代码展示超出它的父元素了，我是用火狐浏览的……呵呵……

小T09-03 17:06 回复
- 这个，我还真没注意，看看去，我使用的是chrome
  
  浩子09-05 16:31 回复
  - 他说的是代码去没有加折断换行，css reset第一行blockquote之后超出父元素了
    
    cloudyan04-19 16:03 回复
#9
我一直用的是淘宝的。你这里面少着对html5的支持啊。

wmtimes07-19 22:25 回复
- 一行block是吧，哈哈，d4没有用到html5标签，因为会多加载一点js
  
  浩子07-20 09:27 回复
  - 那到是，为了个破ie6加载些js很不划算。
    
    wmtimes07-29 15:14 回复
#8
div,dt也需要重置？

i-designers07-19 11:12 回复
#7
话说css我还不太懂，别说重置了，狂补

奚少06-28 17:46 回复
#6
css重置还真没玩过

liveme06-17 11:10 回复
- 可以避免掉不少兼容性问题奥
  
  ADD~``06-17 11:49 回复
  - 是的，基本的css写好了，可以大胆的写个别性css
    
    浩子06-17 12:24 回复
- 哈哈，这个要知道滴，哥们
  
  浩子06-17 12:25 回复
#5
收藏了，每次都是自己手写！

Way-2011渐行渐远06-17 09:30 回复
#4
重置是什么意思呢？

John06-16 17:19 回复
- 把html标签自带的属性值清空……方便自定义数值，有利于排版布局。
  
  bamboo01-11 19:52 回复
#3
也开个新浪微博呗..

ADD~``06-16 16:47 回复
- 不玩sina微博
  
  浩子06-16 19:48 回复
#2
.wrap 是啥东东呀？这也放在 css reset 里吗？

万戈06-16 12:10 回复
- 哈哈，自己设置宽度的，省事儿
  
  浩子06-16 13:43 回复
#1
我来看博主文章了，感谢分享哦！！！

重庆时时彩技巧06-16 01:43 回复