码迷,mamicode.com
首页 > Web开发 > 详细

css reset 小记

时间:2015-08-27 18:03:05      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

reset css 作为一个菜鸟 我第一次发现浏览器会默认的对p这样的元素设置margin 感觉心情就想发现了新大陆 我才理解下面的这段代码的必要性    

*{
            margin:0;
            padding: 0;
  }

其实这样设置并不是一种好的方式 当然你也见过这样的设置

h1,h2,h3,p,div {
            margin: 0;
            padding: 0;
        }
        

你在浏览器中审查元素发现div默认的margin padding 就是0  这样的设置也不合理

况且你在上面的设置后 在下面在对h1添加样式的时候 有涉及到重新渲染的问题  也加大了CSS的体积  所以你不如在用的时候在进行设置 减少渲染  

比如你要使用一个div下的p

div p {
            margin: 0;
            padding: 0;

       font-size:14px; }

这样减少了渲染 同时也缩小了css的体积

在学习这个问题的过程中 ,我仍然参考了一个大牛的blog  http://www.zhangxinxu.com/wordpress/?p=758  他的其他文章中写CSS是有感情的,慢慢的会在你写的过程中加上你个人的感受大致是这个意思 我突然觉得CSS的世界真的很美妙 新奇 

css reset 小记

标签:

原文地址:http://www.cnblogs.com/tiantianwaigong/p/4763915.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!