CSS3中哪些新屬性—陰影、文本省略（1）

CSS3中的陰影，我知道的就是盒陰影和文字陰影。二者使用大同小異。

1.文字陰影

不知道爲啥陰影會被開發出來，以爲這沒啥好用啊。用了以後發現好像還行，使頁面更有立體感了那麼一點點。看起來趣味性強一點。

文字陰影：

text-shadow:x,y,z,color;
  -x偏移量，x軸爲文字左邊
  -y偏移量，y軸爲文字頂部
  -z：陰影模糊半徑
  -color：陰影顏色

理解x和y的含義，顏色能夠疊加的，裏面有代碼！！！！

注意：陰影能夠添加多層！注意;中間逗號間隔，而且須要是完整的一套（就是三個數字都要有）。
eg： (多層顏色，紅色和綠色。)
text-shadow:10px 10px 5px red, 20px 20px 6px green;

偏移量設置小一點，是否是美美噠，想看效果請狠狠點擊。裏面有代碼！！！！

2.盒陰影

大同小異啦，可是仍是有不同的地方，仔細看看啦。

盒陰影：

box-shadow:x,y,z,h,color;
  - inset (可選：寫的話就是內陰影，不寫的話就是外陰影)
  -x軸偏移
  -y軸偏移 
  -陰影模糊半徑
  -擴展陰影半徑  （是用陰影顏色，填充擴展半徑後，再進行陰影模糊）
  -color：陰影顏色

一個浮誇的帶了陰影的盒子，裏面有代碼！！！！

3.文本省略

有時候文本太多裝不下，怎麼破？？？
使用文本省略，再也不愁！！！

文本省略：
text-overflow:

• ellipsis 省略
• clip 剪切（不考慮使用，感官很差）

不使用文本省略時候的效果
使用文本省略，然鵝並無效果

使用了文本省略爲啥沒有效果，由於中文文本會自動換行。
超出邊框會溢出。
因此要配合
white-space:nowrap;(強制不換行)
overflow:hidden(溢出隱藏)

三個共同使用纔有效果