瀏覽器核心所謂核心，就是常駐記憶體、能夠快速響應的那一部分核心**，非核心**都是要用到時再調入記憶體並執行的.
常見瀏覽器的核心，一般不外乎微軟的ie 核心和webkit核心。
不同瀏覽器的核心二、gecko核心代表作品mozilla firefoxgecko是一套開放源**的、以c++編寫的網頁排版引擎。gecko是最流行的排版引擎之一，僅次於trident。使用它的最著名瀏覽器有firefox、netscape6至9。
三、webkit核心代表作品safari、chromewebkit 是乙個開源專案，包含了來自kde專案和蘋果公司的一些元件，主要用於mac os系統，它的特點在於原始碼結構清晰、渲染速度極快。缺點是對網頁**的相容性不高，導致一些編寫不標準的網頁無法正常顯示。主要代表作品有safari 和google的瀏覽器chrome。
四、presto核心代表作品operapresto是由opera software開發的瀏覽器排版引擎，供opera 7.0及以上使用。它取代了舊版opera 4至6版本使用的elektra排版引擎，包括加入動態功能，例如網頁或其部分可隨著dom及script語法的事件而重新排版。
根據不同的核心，一些私有屬性的css字首不一樣核心
字首瀏覽器
gecko核心
css字首為」-moz-「
火狐瀏覽器
presto核心
css字首為」-o-「
opera(歐朋)
trident核心
css字首為」-ms-「
iewebkit核心
css字首為「-webkit-
safari chrome
border-radius:圓角邊框
語法：
border-radius：[ | ]
預設值：0
取值：： 用長度值設定物件的圓角半徑長度。不允許負值
： 用百分比設定物件的圓角半徑長度。不允許負值
box-sizing語法：box-sizing: content-box|border-box
使用伺服器端字型
font-face:使用伺服器端字型
@font-face
h1
text-shadow:文字新增陰影
text-shadow 文字陰影：x方向的偏移量 y方向上的偏移量 模糊 | 顏色
h-shadow 必需。水平陰影的位置。允許負值。
v-shadow 必需。垂直陰影的位置。允許負值。
blur 可選。模糊的距離。
color 可選。陰影的顏色。
例如：元素
box-shadow:盒陰影
box-shadow(盒子陰影)：x方向的偏移量 y方向上的偏移量 模糊|大小 | 顏色|內外陰影（x|y不能省略）
語法：box-shadow: h-shadow v-shadow blur spread color inset;
說明：box-shadow 屬性向框新增乙個或多個陰影
text-overflow
:ellipsis
oveflow
:hidden
white-space
:nowrap
text-overflow
語法：text-overflow: clip|ellipsis|string;
說明：屬性規定當文字溢位包含元素時發生的事情
overflow
overflow （文字溢位）: hidden/scroll/visible/auto
auto:超出加上滾動條 |
hidden:溢位部分隱藏
scroll:溢位不溢位都以滾動條顯示|且橫向縱向滾動條都出現。
overflow-y:scroll只有縱向出現滾動條
語法：overflow:hidden|scroll|auto|visible
說明：對於盒子中容納不下的內容的顯示方法
overflow-x:
overflow-y:
新增背景屬性
background-image:linear-gradient()：線性漸變
語法：background-image:linear-gradient(方向,顏色1,顏色2)
radial-gradient(#f00,#ccc,#fff,#000);從圓心到圓周的漸變
background-clip:指定物件的背景影象向外裁剪的區域(背景修剪)。
語法：background-clip:border-box
| padding-box
| content-box
說明：預設值為border-box
padding-box:從padding區域開始向外裁剪背景。
border-box:從border區域開始向外裁剪背景
content-box:從content區域開始向外裁剪背景
background-origin：設定背景影象的起點位置。
語法：background-origin:border-box
| padding-box
| content-box
說明：預設值為padding-box
border-box:以邊框為原點開始計算 background-position
padding-box:以內補白為原點開始計算 background-position。
content-box:以內容盒子為原點開始計算 background-position
background-size 檢索或設定物件的背景影象的尺寸大小
語法： background-size: length|percentage|cover|contain;
說明：預設值為 auto
length:用長度值指定背景影象大小。不允許負值。
precentage:用百分比指定背景影象大小。不允許負值。
background-size:100px 100px;(調整到指定大小)
background-size:50%20
%;(調整到指定大小。百分比是相對於包含元素的尺寸的。)
auto:背景影象的真實大小
cover:將背景影象等比縮放到完全覆蓋容器，背景影象有可能超出容器(擴充套件來填滿元素(保持畫素的長寬比))
contain:將背景影象等比縮放到寬度或高度與容器的寬度或高度相等，背景影象始終被包含在容器內(縮小來適應元素的尺寸(保持畫素的長寬比))
background:url(),url(),url();新增多個背景圖，逗號隔開
css3 中，可以對乙個元素應用乙個或多個作為背景。
新增邊框屬性
border-image 設定或檢索物件的邊框樣式使用影象來填充
border-image
border-image
-slice ： 設定或檢索物件的邊框背景圖的分割方式。
border-image
-width ： 設定或檢索物件的邊框厚度。
border-image
-outset ： 設定或檢索物件的邊框背景圖的擴充套件。
border-image
-repeat ： 設定或檢索物件的邊框影象的平鋪方式。
CSS3新增屬性用法整理CSS3新增屬性用法整理
css3新增屬性用法整理 css3新增屬性用法整理 1 box shadow 陰影效果 2 border color 為邊框設定多種顏色 3 border image 邊框 4 text shadow 文字陰影 5 text overflow 文字截斷 6 word wrap 自動換行 7 bord...
CSS3新增屬性（3）
1.定義動畫 用keyframes 定義動畫 類似定義類選擇器 keyframes 動畫名稱 100 動畫序列 0 是動畫的開始，100 是動畫的完成，這樣的規則就是動畫序列。在 keyframes 中規定某項css樣式，就能建立由當前樣式逐漸改為新樣式的動畫效果。動畫是使元素從一種樣式逐漸變化為另...
css3 新增屬性
background origin 背景影象顯示的原點。background clip 規定背景的繪製區域。padding box 從padding區域 含padding 開始顯示背景影象。border box 從border區域 含border 開始顯示背景影象。content box 從cont...