-webkit-margin-before 及 擴展瀏覽器前綴、內核
-webkit-margin-before 是CSS3.0對於文章段P容器的定義方法語句。
display：block只定義了P容器為一個塊，
而：-webkit-margin-brfore/after：1em ---- 分別定義P的上邊距和下邊距的數值是1倍字體高度，如果是10px的字，那麽邊距就為10px;
-webkit-margin-start/end：0px ---- 定義P容器為左右邊距都為0px。
也就是說CSS3中：
p {
display： block;
-webkit-margin-before：1em;
-webkit-margin-end：1em;
-webkit-margin-after：1em;
-webkit-margin-start：1em;
}
相當於CSS2中：
p {
display： block;
margin-top： 1em;
margin-right： 1em;
margin-bottom： 1em;
margin-left： 1em;
}
但由於CSS3要求瀏覽器版本較高，所以國內並沒有流行CSS3樣式，依然以CSS2為主流，但以後應該是CSS3的天下，因為它代表著先進。
瀏覽器內核：
webkit最初是Apple公司的一個開源項目，他們自家的Safari有用，之後Google也是用這個排版引擎加上自己的V8 JavaScript引擎建立了一個開源的瀏覽器項目Chromium，並且利用這個項目只做了自家的Chrome。同時這兩家在移動平臺上的瀏覽器內核都是用的webkit。得益於Chromium引擎，在PC平臺上也有很多的webkit瀏覽器：360、世界之窗、楓樹瀏覽器、太陽花瀏覽器、搜狗瀏覽器、遨遊3、獵豹瀏覽器。基本上說自己是雙核，有什麽極速模式的，都是用的Chromium，相對應的，Microsoft（微軟）的IE用的是Trident排版引擎，也就是常說的IE內核，Firefox也有自己的Gecko排版引擎。Apple的iBooks同樣也使用了webkit作為排版引擎，而Sigil這個編輯軟件，用的則是Chromium，因為也是webkit內核。
瀏覽器前綴：
常用：-webkit-（Chrome）、
-moz-（Firefox）、
-0-（Opera）、
-ms-（IE）
為什麽要有私有前綴呢：
制定HTML和CSS標準的組織W3C動作是很慢的，通常，有W3C組織成員提出一個新屬性，比如說圓角border-radius，大家都覺得好，但是W3C不會為這個屬性制定標準，而是要走復雜的程序，經過很多的審查，而瀏覽器商不願意等那麽久，他們覺得一個屬性已經夠成熟了，就會在瀏覽器中加入支持，但是避免日後W3C公布了標準，border-radius的標準寫法確立之後，再讓新版的瀏覽器支持border-radius屬性。
例如：Chrome10是不認border-radius這種寫法的，只能用-webkit-border-radius，而Chrome12就能認了，於是在寫CSS的時候，這樣就能確保Chrome10和12的網頁都能正常顯示。
-webkit-margin-before 及 擴展瀏覽器前綴、內核