条款一：*{margin:0; padding:0;},清除有可能的默认脏边距；
如何正确清除浏览器默认脏数据
验证平台：
WebKit ： chrome | safari
Presto ：opera
Gecko ：firefox
Trident ：ie9
一、body脏外边距
第一个程序足以让我困惑，简单的给html和body分别设置背景色。会有以下三种情况并且所有平台表现一致，可见，浏览器对html和body有点儿特殊对待，当然尝试用z-index也无法改变结果。无伤大雅，疑惑的跳过这个鬼东西吧。
可是，当我们写一个div的时候，表现依旧很不好，看看吧
所有的浏览器表现一致，分析可得以下观点：
1、body有margin；必须是要清除的。
2、body有点div的样子
3、如果html没有background-color，单单body的background-color会突破margin；
4、body没有padding；
html{ magin:0; padding:0; }这个其实不是用来清除的；理解上讲，没用，？？
body{ magin:0;padding:0; }这种，就是清除浏览器有可能默认设置边距；
正确的清除默认脏值的写法：body{magin:0;}
但是，浏览器的兼容没必要研究，没必要冒险，而且从代码通用和健壮，规范的写法一定是这样的，清除所有元素的脏边距。
没有更多推荐了，在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
id="sign"&
&p&系统初始化&/p&
src="img/Shape-9.png"
id="xmark"&
border-bottom:#c0ede1
line-height:55
text-align:
#sign&p{/*为什么会有上下padding？？？？？？？？？？？？？？？？*/
font:20px/20px
"microsoft yahei";
color:rgb(69,222,199);
margin-top:19
问题是：为什么打开开发者工具，鼠标放在&p&元素上会显示其高度26px??我明明设置的字体20px，行高20px,多余的6px哪里来？？而且这6px好像是均匀分布在文字上下。
问题2：我只给&p&元素设置margin-top:19可是开发者工具显示他的margin-bottom为20px,不清楚他的这个20px哪里来的？？求大神指点
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
浏览器都是有默认样式滴，我们需要去除默认的margin和padding，最简单做法就是在css文件最顶部加上*{margin:0;padding:0},但是这样做并不科学，仅仅实现咱们的需求而已，简单暴力；你可以去下一个normalize.css重置你的样式，详见链接
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。为了账号安全，请及时绑定邮箱和手机
padding-right的问题，为什么设置padding-right的时候，文字与右边边框的距离不是按照padding-right设置的，但是padding-left就可以？
&!DOCTYPE HTML&&html&&head&&meta http-equiv="Content-Type" content="text/ charset=gb2312"&&title&填充&/title&&style type="text/css"&#box1{ width:100px
height:100
padding-right:1
border:1}&/style&&/head&&body&&div id="box1"&盒子1&/div&&/body&&/html&
非常感谢！
写下你的评论...
写下你的评论...
写下你的评论...
写下你的评论...
写下你的评论...
Copyright (C) 2018 imooc.com All Rights Reserved | 京ICP备 号-1114:25 提问
html 的p标签问题,如何去掉默认padding样式
用插件看标签是这样，看起来还保留了上下padding，但是我想要这种效果：
完全去掉上下padding，能实现吗？我试过padding:0;但是不成功。。
（我想获取文字到父元素的top距离，然后在另一个canvas画布上写字，如果不这样做在画布上画的文字顶部的距离是不对的。。所以求帮忙。。）
按赞数排序
P是块状元素，你是不是p标签里包含了div等块状元素了标签了，那样就会出现你所谓的padding问题了
padding: 0
在p标签上添加style="padidng: 0px"。如果不好用，那么就修改成0px !important
准确详细的回答，更有利于被提问者采纳，从而获得C币。复制、灌水、广告等回答会被删除，是时候展现真正的技术了！
其他相关推荐css reset 以及哪些元素有默认margin padding值_CSS教程_动态网站制作指南
css reset 以及哪些元素有默认margin padding值
来源：人气：1523
 reset 以及哪些元素有默认margin padding值很多网站在css reset 的时候有如下做法：body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,label,dl,dt,dd,fieldset,img{margin:0;padding:0;border:0;list-style:}也许你有些许怀疑，上面列出的标签都有默认的 margin 和 padding 值么，是不是不管三七二十一，就统统直接 margin:0 , padding:0 呢？今天我们针对 body p ul ol dl dd 标签来做一个实验：首先是 html 代码：不加任何 css reset，只添加 ul,ol,dl{ width:200 height:100 border:1px solid #f00; }我们看到在
下表现是这样的：在
和 safari 下有相同的表现：于是我们有如下总结：1、body 水平垂直方向默认有 10px 的 margin 值；2、p,ul,ol,dl 标签垂直方向默认有 20px 的 margin 值，且这几个标签之间 20px 间距不重复；3、dd 标签在水平方向默认有 40px 的 margin 值；4、ul,ol 标签水平方向默认有 40px 的 padding 值(ie6/7下无)。添加如下样式后 firefox 下的表现：body,p,ul,ol,dl,dd{ margin:0; }ul,ol{ padding:0; list-style-position: }以上在 chrome 和 safari 下表现相同。之所以对 ul,ol 添加 list-style-position:inside是因为有如下发现：1、ul,ol 设置 padding:0后，li 的项目符号（圆点或序号）消失，添加 list-style-position:inside
可恢复项目符号；2、ul,ol 标签对其添加 width 后，ie6/7 下无项目符号（圆点或序号），添加 list-style-position:inside
可恢复项目符号。ie7 下表现如：以上在 ie6 下表现相同，故不重复上图。对 ul,ol 添加 list-style-position:inside 后，ie6下表现：以上表现在 ie7 下相同。综上所述，我们 css reset 时也许可以这样：body, h1, ...,p, ul, ol, dl, dd{ margin:0; }ul,ol{ padding:0; }ps:因实验所用ie6、ie7浏览器为ieTester工具，故实验所得数据或结果可能不够准确，如有错误请批评支出。
优质网站模板}