1、 文本陰影
text-shadow向標(biāo)題添加陰影：
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
2、 word-wrap自動換行
實(shí)例
允許對長單詞進(jìn)行拆分，并換行到下一行：
p {word-wrap:break-word;}
值 描述
normal 只在允許的斷字點(diǎn)換行（瀏覽器保持默認(rèn)處理）。
break-word 在長單詞或 URL 地址內(nèi)部進(jìn)行換行。
3、 text-overflow 規(guī)定當(dāng)文本溢出包含元素時發(fā)生的事情。
語法
text-overflow: clip|ellipsis|string;
| 值 | 描述 |
|---|---|
| clip | 修剪文本。 |
| ellipsis | 顯示省略符號來代表被修剪的文本。 |
| string | 使用給定的字符串來代表被修剪的文本。 |
CSS3字體
在 CSS3 之前，web 設(shè)計(jì)師必須使用已在用戶計(jì)算機(jī)上安裝好的字體。
通過 CSS3，web 設(shè)計(jì)師可以使用他們喜歡的任意字體。當(dāng)找到或購買到希望使用的字體時，可將該字體文件存放到 web 服務(wù)器上，它會在需要時被自動下載到用戶的計(jì)算機(jī)上。
Firefox、Chrome、Safari 以及 Opera 支持 .ttf(True Type Fonts) 和 .otf (OpenType Fonts) 類型的字體。
Internet Explorer 9+ 支持新的 @font-face 規(guī)則，但是僅支持 .eot 類型的字體 (Embedded OpenType)。
示例：
使用您需要的字體
在新的 @font-face 規(guī)則中，您必須首先定義字體的名稱（比如 myFirstFont），然后指向該字體文件。
如需為 HTML 元素使用字體，請通過 font-family 屬性來引用字體的名稱 (myFirstFont)：
<style>
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
url('Sansation_Light.eot'); /* IE9+ */
}
div
{
font-family:myFirstFont;
}
</style>
使用粗體字體
您必須為粗體文本添加另一個包含描述符的 @font-face：
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Bold.ttf'),
url('Sansation_Bold.eot'); /* IE9+ */
font-weight:bold;
}
