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文件，将需要修正的样式都写在里面，以后做项目时可以共用。