css3文字和顏色
1、文字陰影text-shadow
語法 text-shadow:X-Offset Y-Offset blur color;
X-Offset：表示陰影的水平偏移距離，其值為正值時陰影向右偏移，反之向左偏移；
Y-Offset：是指陰影的垂直偏移距離，如果其值是正值時，陰影向下偏移，反之向上偏移；
Blur：是指陰影的模糊程度，其值不能是負值，如果值越大，陰影越模糊，反之陰影越清晰，如果不需要陰影模糊可以將Blur值設定為0；
Color：是指陰影的顏色，其可以使用rgba色。
比如，我們可以用下面程式碼實現設定陰影效果。 text-shadow: 0 1px 1px #fff
2、word-wrap（文字邊界換行）:normal|break-word（強制換行）;
word-break:break-all（強制換行，不區分單詞）| keep-all（區分單詞，把單詞展示完全）| normal
3、white-space （對空白操作，也可用於換行）
white-space:pre （保留所有空格，包括換行）| nowrap（不換行，文字將展示在一行內，並且不識別換行符和多個空格）| pre-line（保留換行符，合併空格，換行由單詞長度決定，單詞展現完全）//此屬性不支援IE7.0-/Firefox3.0-和Opera9.2-以下版本瀏覽器| pre-wrap 保留換行符和空格，正常換行 //此屬性不支援IE7.0和Firefox3.0以下版本瀏覽器
white-space的應用：超出部分打點
<style> p{ width:150px; height:200px; border:1px solid #000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } </style> </head> <body> <p>ndkfokdjfgjfldmg;dfmg;dkg;kdjfjfjjffjj</p> </body>
4、自定義字型 font-face
@font-face{ font-family:”myFirstFont”;
src:url('Sansation_Light.ttf'),
url(‘Sansation_Light.eot') format(‘eot’)；
}
p{
font-family:”myFristFont”;
}
地址：http://www.w3cplus.com/content/css3-font-face
format: 此值指的是你自定義的字型的格式，主要用來幫助瀏覽器識別瀏覽器對@font-face的相容問題，這裡涉及到一個字型format的問題，因為不同的瀏覽器對字型格式支援是不一致的，瀏覽器自身也無法通過路徑字尾來判斷字型
5、文字溢位屬性text-overflow
text-overflow:clip | ellipsis; 文字溢位切斷 | 省略號
超出打點功能：
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
6、columns多列布局
為了能在Web頁面中方便實現類似報紙、雜誌那種多列排版的佈局，W3C特意給CSS3增加了一個多列布局模組（CSS Multi Column Layout Module）。它主要應用在文字的多列布局方面，這種佈局在報紙和雜誌上都使用了幾十年了，但要在Web頁面上實現這樣的效果還是有相當大的難度，慶幸的是，CSS3的多列布局可以輕鬆實現。
語法： columns: [column-width] [column-count];
column-width:指每一列的寬度 根據容器寬度自適應 （最小寬度）
column-count:指規定的列數 唯一精準的是列數
不要兩一起使用 會亂