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中的样式定义方法;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
分别定义p的上边距和下边距的数值是1倍字体高度,如10px像素的字,那么边距就为10px; 
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
 上面二句则定义为左右边距都为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;
}

文章来源:https://segmentfault.com/n/1330000003893632

原文地址:https://www.cnblogs.com/wangrongxiang/p/5282552.html