一、邊框
1.border-radius
2.box-shadow:X軸偏移量 Y軸偏移量 [陰影模糊半徑] [陰影擴(kuò)展半徑] [陰影顏色] [投影方式];
x軸偏移量；+：代表偏移在右邊 -：偏移在左邊
box-shadow:4px 4px 6px #666; box-shadow:-4px 4px 6px #666;
box-shadow:4px 4px 6px #666; box-shadow:4px -4px 6px #666;
投影方式
box-shadow:4px 4px 6px #666 inset; box-shadow:-4px -4px 6px #666 inset;
瀏覽器支持：IE9+悍赢、Firefox 4赠摇、Chrome、Opera 以及 Safari 5.1.1
3.border-image：url(),上下左右,repeat/round/stretch
瀏覽器支持：Internet Explorer 11, Firefox, Opera 15, Chrome 以及 Safari 6 支持 border-image 屬性区拳。
兼容老版本Firefox：添加前綴-moz-
兼容老版本Safari拘领、chrome：添加前綴-webkit-
兼容老版本opera：添加前綴-o-
二、顏色
1.RGBA
**語法
R：紅色值樱调。正整數(shù) | 百分?jǐn)?shù)
G：綠色值约素。正整數(shù) | 百分?jǐn)?shù)
B：藍(lán)色值。正整數(shù)| 百分?jǐn)?shù)
A：透明度笆凌。取值0~1之間
瀏覽器的支持：IE9+圣猎、Firefox 3+、Chrome乞而、Safari 以及 Opera 10+送悔。
2.線性漸變
background-image:linear-gradient(to top left,red,orange,yellow);
第一個參數(shù)
兼容性：
兼容老版本Firefox：添加前綴-moz-
兼容老版本Safari、chrome：添加前綴-webkit-
兼容老版本opera：添加前綴-o-
支持IE10+
三、文本和字體
1.text-overflow: clip |ellipsis |string;
| 值 | 描述 |
|---|---|
| clip | 修剪文本欠啤。 |
| ellipsis | 顯示省略符號來代表被修剪的文本荚藻。 |
| string | 使用給定的字符串來代表被修剪的文本。 |
但是text-overflow只是用來說明文字溢出時用什么方式顯示洁段，要實現(xiàn)溢出時產(chǎn)生省略號的效果应狱，還須定義強制文本在一行內(nèi)顯示（white-space:nowrap）及溢出內(nèi)容為隱藏（overflow:hidden），只有這樣才能實現(xiàn)溢出文本顯示省略號的效果眉撵。
例如：
text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
2.word-wrap 屬性允許長單詞或 URL 地址換行到下一行侦香。
定義：word-wrap: normal|break-word;
3.text-shadow可以用來設(shè)置文本的陰影效果。
text-shadow: X-Offset Y-Offset blur color;
所有主流瀏覽器都支持 text-shadow 屬性纽疟。
注釋：Internet Explorer 9 以及更早版本的瀏覽器不支持 text-shadow 屬性罐韩。
四、背景
1.background-origin 屬性規(guī)定 background-position 屬性相對于什么位置來定位污朽。
語法：
background-origin ： border-box | padding-box | content-box;
參數(shù)分別表示背景圖片是從邊框散吵，還是內(nèi)邊距（默認(rèn)值），或者是內(nèi)容區(qū)域開始顯示蟆肆。
瀏覽器支持：IE9+矾睦、Firefox 4+、Opera炎功、Chrome 以及 Safari 5+ 支持 background-origin 屬性枚冗。
2.background-clip 屬性規(guī)定背景的繪制區(qū)域。
語法：
background-clip ： border-box | padding-box | content-box | no-clip
參數(shù)分別表示從邊框蛇损、或內(nèi)填充赁温，或者內(nèi)容區(qū)域向外裁剪背景。no-clip表示不裁切淤齐，和參數(shù)border-box顯示同樣的效果股囊。backgroud-clip默認(rèn)值為border-box。
瀏覽器支持：
IE9+更啄、Firefox稚疹、Opera、Chrome 以及 Safari 支持 background-clip 屬性祭务。
注釋：Internet Explorer 8 以及更早的版本不支持 background-clip 屬性内狗。
3.background-size 屬性規(guī)定背景圖片的尺寸。
語法：
background-size: auto | <長度值> | <百分比> | cover | contain
取值說明：
1>义锥、auto：默認(rèn)值其屏，不改變背景圖片的原始高度和寬度；
2>缨该、<長度值>：成對出現(xiàn)如200px 50px偎行，將背景圖片寬高依次設(shè)置為前面兩個值，當(dāng)設(shè)置一個值時，將其作為圖片寬度值來等比縮放蛤袒；
3>熄云、<百分比>：0％~100％之間的任何值，將背景圖片寬高依次設(shè)置為所在元素寬高乘以前面百分比得出的數(shù)值妙真，當(dāng)設(shè)置一個值時同上缴允；
4>、cover：顧名思義為覆蓋珍德，即將背景圖片等比縮放以填滿整個容器练般；
5>、contain：容納锈候，即將背景圖片等比縮放至某一邊緊貼容器邊緣為止薄料。
3.CSS3 允許您為元素使用多個背景圖像。
