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;

比较简单，就这些。。