-webkit-margin-before 及 擴充瀏覽器首碼、核心

標籤：顯示   ide   程式   w3c   for   開源   otto   相對   radius   

-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 及 擴充瀏覽器首碼、核心