015day(css控制单词换行的属性，css设置中英文大小写的属性，背景渐变)

一、css控制单词换行的属性

1、word-break自己决定自动换行的处理方法

①word-break：normal:使用浏览器默认的换行规则。(英文)

②word-break：keep-all:不允许中文字断开，以符号作为换行的标志。

③word-break：break-all:允许在单词内换行，可以强行截断英文单词，达到词内换行效果。

2、word-wrap用来标明是否允许浏览器在单词内进行断句

①word-wrap：normal  默认值。

②word-wrap：break-word：在长单词或 URL 地址内部进行换行。将内容在边界内换行（不截断英文单词换行）。

二、css设置中英文大小写的属性

1、text-transform控制文本的大小写（转的是小写字母）

①text-transform ：capitalize；文本中的每个单词以大写字母开头。

②text-transform ：uppercase；定义仅有大写字母

③text-transform ：lowercase；定义无大写字母，仅有小写字母。

④text-transform ：none；默认值

2、font-variant 设置文本的大小写

①font-variant：normal；默认值

②font-variant：small-caps；浏览器会显示小型大写字母的字体

三、背景渐变

CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)

CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。

以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。

CSS3 定义了两种类型的渐变（gradients）：

线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向

径向渐变（Radial Gradients）- 由它们的中心定义

可以指定哪个方向代码如下

加完浏览器内核不能加to

CSS3 Gradient分为linear-gradient(线性渐变)和radial-grad