html5学习-CSS3-text-shadow/word-…

给文字加阴影其实很简单，就是text-shadow:length length length color;

01 <</span>style type="text/css">

02   
   
 div{

03   
     
   text-shadow: 5px 5px 5px navy,

04   
     
     
 10px 10px 10px yellow;

05   
     
   color: black;

06   
     
   font-size: 50px;

07   
     
   font-weight: bold;

08   
     
   font-family: 宋体;

09   
   
 }

10   
 </</span>style>

这个就是css代码了，在这个里面我加了两个阴影，用逗号隔开了，这样子很好玩，你可以加任意多个阴影，然后这三个length分别代表什么呢？
第一个是横向距离，第二个是纵向距离，第三个是模糊程度，然后color就是阴影颜色了啊。
其实阴影就是在背景和文字颜色比较像的时候比较有用。

然后就是文字换行了，word-break: normal/keep-all/break-all;

这三个是其属性值，normal是浏览器默认的换行方式，keep-all是在半角空格和标点时候换行，break-all是在词内部可以换行。

1 <</span>style type="text/css">

2   
   
 div{

3   
     
   width: 240px;

4   
     
   word-break: normal;

5   
   
 }

6   
 </</span>style>

然后现在我不知道chrome支持不支持keep-all，不过我学的书上说不支持，我尝试的时候没发现有变动，应该是不支持了，不过以后支持不支持不知道。

还有长单词和链接换行，word-warp: break-word;
比较简单，就这些。。