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

總的來講:這是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/1330000003893632web

相關文章
相關標籤/搜索