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

簡簡和單單發表於2016-03-16
總的來說:這是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

相關文章