CSS3文本属性

text-shadow(文本阴影)

　　<h1>我有文字阴影</h1>

　　　　h1{

　　　　　　color:#ffff00;

　　　　　　text-shadow:1px 2px 2px #000000;

　　　　}

　　text-shadow: 横向偏移量（必选）  纵向偏移量（必选）  模糊范围（可选）  阴影颜色；

　　　　　　　　　　

text-overflow（省略号文字截断）

　　<div>这是一个盒子装不下的长文本<div/>

　　　　div{

　　　　　　width：150px；

　　　　　　border：1px solid #000000；

　　　　　　white-space：noWrap；       //将文本强制显示在一行

　　　　　　overflow：hidden；   //超出盒子部分隐藏

　　　　　　text-overflow有两个值：

　　　　　　　　clip：默认值，表示文本截断。

　　　　　　　    ellipsis：显示省略号来代表被截断的文本。

　　　　　　text-overflow:ellipsis;  

　　　　}

　　

word-break和word-wrap(长文本换行显示)：

　　</div>I love you sooooooooooooooooooooo much!</div>

　　　　div{

　　　　　　width:150px;

　　　　　　border:1px solid #000000;

　　　　　　word-break:break-all;            //换行显示

　　　　　　word-wrap：break -word；  //单词重启一行显示

　　　　}