新選擇器
邊框、背景公升級、圓角、陰影
新的盒模型
漸變、動畫、2d3d轉換
伸縮布局、多列布局
新單位字首應用、瀏覽器相容、漸進增強
語法規則說明
表示全部可選項
||表示多選一
|代表多選一
*代表出現0次或以上
+代表出現1次或者以上
?代表可選的，即出現0次或1次
代表出現a次
代表出現 a次以上b次以下，其中b可以省略為，代表至少出現a次，無上限
由於各個廠商開發的瀏覽器使用的核心不同，在渲染css樣式和支援新的css3的屬性，存在不同，為了使網頁相容各大瀏覽器，可以在寫css**時，在一些特定的css屬性前加上字首，以保證相容。比如：-webkit-、-moz-、-ms-和-o-。
（一）、顏色相關
1、css2顏色的表示方法：顏色名、十六進製制、rgb、transparent.
color
:red;
background-color
:#eee;
color
:rgb
(22,33,0)
;border-bottom-color
:transparent;
/*透明*/
（1）、rgba—— r：red，g：green，b：blue，a:alpha
r，g，b的取值範圍：0-255，其中a表示透明度通道，取值0-1之間。0-完全透明，1-完全不透明。
color
:rgba
(22,22,22,.5)
;
hue-色度，取值0-360，0或者360表示紅色，
3、opciey——透明度
opcity只能針對整個盒子設定透明度，子盒子及內容會繼承父盒子的透明度。
注意：transparent不可調節透明度，始終完全透明，rgba、hsla可以應用於所有有顏色的地方。
（二）、文字
text-shadow——文字陰影
語法：text-shadow:none|= && ?text-shadow: h-shadow v-shadow blur color;
說明： 設定或檢索物件中文字的文字是否有陰影及模糊效果；可以設定多組效果，每組引數用「,」分隔。
取值：
例項：
text-shadow
: 2px 3px 4px #0096be;
/*單重陰影*/
text-shadow
: 2px 3px 4px #0096be,5px 6px 4px #c71585;
/*雙重陰影*/
說明：text-overflow 屬性規定當文字溢位包含元素時發生的事情。
語法：text-overflow: clip|ellipsis|string;
注意：定義此屬性有4個必要條件：（三）邊框
border-radius——圓角邊框
說明：設定元素物件的外邊框圓角，屬性值可以是數值，也可以是百分比。CSS3新特性學習
最近發現很多css3的新特性不熟悉，所以今天把它們都學習一邊，做出效果加深印象，說到css3還加了蠻多的特性，像一些border的一些效果，動畫屬性animation trasiform等。效果 實現 height 100px width 100px margin 0 auto background...
CSS3新特性學習（2）
1.2d轉換之移動translate 類似定位 1.語法 transform translate x,y transform translatex n transform translatey n 2.重點 1.定義2d轉換中的移動沿著x和y移動元素 2.translate最大的優點，不會影響到其他...
CSS3有哪些新特性？CSS3新特性詳解
本篇文章給大家帶來的內容是關於css3有哪些新特性？css3新特性詳解，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。新增選擇器 p nth child n 彈性盒模型 display flex 多列布局 column count 5 查詢 media max width 480px...