需要用到文字鏤空效果，搞定之后決定寫一篇博客總結下過去，展望下未來。突然間發現以前寫過一篇關于CSS文字控制技術的總結，一不做二不休拿來稍微改下標題。在版權意識猛增的今天，自己給自己授權又不是多大個事兒。老規矩，原創手打妹子鎮樓~

小林家的龍女仆-托爾(這點比較搞笑)

在CSS中和文本顏色有關的屬性分別是color，text-fill-color，text-stroke，text-shadow，filter: drop-shadow()...我目前想到的也就是這些了。color比較簡單，不在今天裝B的范圍內，text-shadow和filter: drop-shadow()是操作投影，這與文本本身顏色關系不是很大。重點就是要總結text-fill-color和text-stroke兩個屬性。

剛看到text-fill-color和text-stroke你可能覺的陌生，主要是它比較“新”，主流瀏覽器支持情況很是讓人抓狂。

text-fill-color屬性和text-stroke屬性在各瀏覽器支持情況

IE和opera直接不支持，其他瀏覽器的支持的版本也較高。也就是說在使用這兩個屬性的時候必須要加-webkit-前綴。想想蛋就莫名的疼了起來。好吧約定下本文中全部省略前綴，各位在自己眼中默認加上吧。

唧唧歪歪的半天，還沒說這倆貨是干嘛的。text-fill-color從字面理解就是文字填充色，當這條屬性生效的時候，會自動覆蓋color屬性。 說直白點，就是決定文字的刷上什么顏色的油漆。text-stroke是指文字描邊色，決定文字的邊緣用什么顏色描邊。總結如下：

• text-fill-color：設置文字填充色。它接受一個值，顏色值或是透明(transparent)；和color同時使用會覆蓋color的值；
• text-stroke：設置文字描邊色。是text-stroke-width和text-stroke-color的簡寫形式；接受兩個值，描邊的寬度和顏色值；
• text-fill-color和text-stroke瀏覽器支持程度讓人很不樂觀，使用的時候必須加-webkit-前綴。

需要記憶和理解的東西就上面這么一點，很好學習對吧。為了加深記憶，有興趣的可以點進去看下 ==>text-fill-color和text-fill-color的demo <==精髓都在這里面了。多試幾次能對這兩個屬性有更好的理解。

東西很少，好了先弄到這里吧，這幾天感冒頭暈難受~這個B我就不多裝了。大致想了下配合animation屬性應該能做出很不錯的效果，當然了這只是我的想象，不行了堅持不住了。等感冒好了再來補吧！