css3文字效果
一．文字陰影
css3提供了text-shadow文字陰影效果，這個屬性在之前講過，只是沒有涉及瀏覽器 支援情況。
瀏覽器支援情況
text-shadow opera firefox chrome ie safari
9.5+ 3.5+ 4+ 10+ 3.1+
這裡有幾個注意點：1.text-shadow在css2的時候出現過，但各大瀏覽器礙於消耗大量的資源，遲遲未支援，然後在css2.1中剔除了。現在，css3已經全面支援了；2.最低支援版本上，不同手冊和教材上都不太同，但版本年代久遠，無傷大雅。最準確的可以查詢這個**：最需要注意的只有ie10才支援，ie9不支援的；3.目前的瀏覽器不需要給這個屬性加上任何字首，具體查詢字首版本可以訪問剛才提供的位址。
正值陰影
p這是一段文字
負值陰影
p這是一段文字
多重陰影疊加
p這是一段文字
二．文字裁剪
text-overflow文字裁剪是否加上省略號
css3提供了text-overflow屬性來控制文字的溢位部分，它的作用是對溢位的部分裁剪掉，然後判定是否新增省略號。首先我們先看下樣式表的屬性，如下：
屬性值 說明
clip 預設值，裁剪文字時不新增「...」省略號
ellipsis 裁剪文字時新增「...」省略號
注意：首先要將文字white-space: nowrap;強制不換行，然後將文字overflow: hidden;溢位處理後，在寫text-overflow屬性才有用
p是一部由北青傳媒股份****、北京電視台、大前門北京文化藝術****聯合出品的勵志電視劇集，由劉家成執導，朱亞文、是一部由北青傳媒股份****、北京電視台、大前門北京文化藝術****聯合出品的勵志電視劇集，由劉家成執導，朱亞文、
對於text-overflow的支援度，是根據它的屬性值來判定的，不同的屬性值瀏覽器支 持度不同。
屬性值 opera firefox chrome ie safari
clip 9.63+ 2.0+ 1.0+ 6.0+ 3.1+
ellipsis 10.5+ 6.0+ 1.0+ 6.0+ 3.1+
而在opera主流版本中，引擎已經靠攏webkit，則不需要-o-了。目前來說，也不需要相容-o-了。
三．文字描邊，實驗階段的產物，了解即可
css3提供了描邊屬性，即text-stroke、text-stroke-width、text-stroke-color。目前只有webkit引擎的瀏覽器支援，並且必須加上-webkit-字首才能有效。
屬性 opera firefox chrome ie safari
text-stroke系列 15.0+ 不支援 4.0+ 不支援 3.1+
描邊
p是一部由北青傳媒股份****
修改描邊的顏色和厚度
p是一部由北青傳媒股份****
四．文字填充
text-fill-color文字顏色填充
css3提供了乙個文字顏色填充功能：text-fill-color，感覺和color屬性很像。其實在配合其他屬性才能達到不一樣的效果。
屬性 opera firefox chrome ie safari
text-fill-color 15.0+ 不支援 4.0+ 不支援 3.1+
不配合背景樣式時，和color屬性沒區別
p是一部由北青傳媒股份****
和css3背景的新特性搭配產生漸變文字
p是一部由北青傳媒股份
css3文字效果
text shadow 在css3中我們可以給單調的文字加上陰影效果，賦予文字美感 text shadow h shadow v shadow blur color h shadow 必須 水平陰影的位置，允許負值 v shadow 必需 垂直陰影的位置，允許負值 blur 可選 模糊的距離 銳化陰...
CSS3文字效果
css3提供了text shadow文字陰影效果，這個屬性在之前講過，只是沒有涉及瀏覽器支援情況 opera 9.5 firefox 3.5 chrome 4 ie 10 safari 3.1 正值陰影 負值陰影 多重陰影疊加 css3提供了text overflow屬性來控制文字的溢位部分，它的作...
css3文字效果
1.text shadowcss3中，text shadow是設定文字陰影 水平陰影 垂直陰影 模糊的距離 以及陰影的顏色 給標題新增陰影 h12.text overflowcss3文字溢位屬性指定應向使用者如何顯示溢位內容 div 上面的這串 可以使溢位的文字內容以省略號 顯示 3.css3的換行...