1. 文字陰影：text-shadow
text-shadow: h-shadow v-shadow blur color;
text-shadow 屬性向文本添加一個或多個陰影。該屬性是逗號分隔的陰影列表，每個陰影有兩個或三個長度值和一個可選的顏色值進行規定。省略的長度是 0。
| 值 | 描述 | 測試 |
|---|---|---|
| h-shadow | 必需。水平陰影的位置。向左爲正值，允許負值。 | 測試 |
| v-shadow | 必需。垂直陰影的位置。向下爲負值，允許負值。 | 測試 |
| blur | 可選。模糊的距離。 | 測試 |
| color | 可選。陰影的顏色。 | 測試 |
實例： p{text-shadow: 20px 20px 2px red;}
帶有模糊效果的文本陰影：text-shadow:2px 2px 8px #FF0000;
白色文本上的陰影：text-shadow:2px 2px 4px #000000;
霓虹燈效果的文本陰影：text-shadow:0 0 3px #FF0000;
2. text-overflow.
text-overflow 屬性規定當文本溢出包含元素時發生的事情。
| ellipsis | 溢出部分打點展示 |
| clip | 溢出部分截斷 |
clip的效果：
3. word-wrap：單詞換行，默認值是normal
正常情況下，單詞和URL超出了盒子邊界，單詞URL整體會換行，而break-Word值：
word-wrap：break-word;在長單詞或 URL 地址內部進行換行，就是強制讓單詞或URL換行。
4. word-break：break-all，英文單詞斷開換行
5. word-break：keep-all，只能在半角空格或連字符處換行
6. white-space：nowrap，單詞和cjk文字都不換行
注意：單詞“coll,ege”瀏覽器會默認一個單詞，即一個字符串；會忽略逗號。
實例：正常情況下的結果：
<div style="width:150px; border:1px solid black">you are coooooooooooooooool</div>
（1）在word-wrap：break-word屬性作用下：對英文有效
<div style="width:150px; border:1px solid black;word-wrap:break-word;">you are coooooooooooooooool</div>
結果：
內容是cjk文字時：該屬性值無效，和正常情況一樣
（2）在word-break：break-all屬性作用下：對英文有效
<div style="width:150px; border:1px solid black;word-break:break-all;">好好學習，天天向上，好好學習，天天向上</div>
內容是英文時：
內容是cjk文字時：該屬性值無效，和正常情況一樣
（3）在word-break：keep-all屬性作用下：keep-all只能在半角空格或連字符處換行，對中文有效
<div style="width:150px; border:1px solid black;word-break:keep-all;">好好學習，天天向上，好好學習，天天向上</div>
內容是cjk文字時：
（4）在white-space:nowrap屬性作用下，對英文和cjk文字都有效
<div style="width:150px; border:1px solid black;white-space:nowrap;">好好學習，天天向上，好好學習，天天向上</div>
