-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0px;-webkit-margin-end:0px;

display:block;

-webkit-margin-before: 1em;

-webkit-margin-after: 1em;

-webkit-margin-start: 0px;

-webkit-margin-end: 0px;

这是CSS3.0的对于文章段P容器的定义方法语句！

display:block;这个样式，只定义了P容器为一个块；

后面四句是CSS3.0中的样式定义方法；

-webkit-margin-before: 1em;

-webkit-margin-after: 1em;

分别定义P的上边距和下边距的数值是1倍字体的高度，如16px的字，那么边距就为10px;

-webkit-margin-start: 0px;

-webkit-margin-end: 0px;

这两句则定义P的左右边距都为0px;

P{

display:block;

-webkit-margin-before: 1em;

-webkit-margin-after: 1em;

-webkit-margin-start: 0px;

-webkit-margin-end: 0px;

}

相当于CSS2.0中的

P{

display:block;

margin-top:1em;

margin-bottom:1em;

margin-right:0px;

margin-left:0px;

}

旁边显示来源是：user agent stylesheet

检查了html以及css后，发现并无特别设置，百度之后发现是浏览器针对不同html元素，会有相应的css默认设置。

解决办法：

1.比较简单的一种办法：在css文件开头设置通配符样式，比如：{margin:0;padding:0;},覆盖掉浏览器的默认设置；

2.复杂一点的方法：了解通用的几种浏览器的默认设置，再单独写一个css文件，将需要修正的样式都写在里面，以后做项目时可以共用。