Css3属性介绍

按照惯例在学习的过程中我们将配合W3c的文本，进行学习和交流。如何打卡W3c应该就不需要再说了，
打开后进行搜索。搜索Css3我们就可以看到关于它的一个介绍。通过W3c对Css3的介绍，我们可以知道Css3是完全向后兼容的。Css3被划分为模块，其中最重要的几个模块中就有我们最常用的动画效果，背景和边框。这里将针对动画、多列布局、过渡、字体、文本阴影一个一个的进行分析。

首先介绍Css3中的过渡和动画，这两个最为重要。Css3过渡效果我们前面也说过，它可以改变一个图形的大小以及它变化所需的时间。通过给transition添加属性就可以给图形进行改变。transition属性的效果又和animation属性的动画效果相差不大，只是有的时候用transition过渡要比animation动画要简单许多。两者之间还是存在差异的。两者之间的使用也不一样，在使用过渡的时候只需要在transition后面加上它的属性就能出现效果。然而animation还需要@keyframes 规则通过这个规则我们才能够看到他的动画效果。

在使用Css3的动画时需要注意规定动画的名称和动画的时长，否则我们我们写的动画效果将不会出现在屏幕上。通过搭配 animation属性我们还可以完成一些需要变化的动画效果。

将两张图片进行对比我们会发现，有些效果相似。比如：animation-name 和 transition-property都是进行一个命名作用。
接下来是字体和文本效果，文本效果中有添加文本阴影、标点是否位于线框之外、是否对标点字符进行修剪、如何对齐最后一行或紧挨着强制换行符之前的行、向元素的文本应用重点标记以及重点标记的前景色、文本的轮廓等。字体就是规定文本的大小以及它的其他样式。
字体添加阴影只需要在它的css样式里面加上text-shadow属性就可以进行添加。通过属性我们可以改变阴影的位置。

文本效果中其他的文本属性:

通过Css3字体，我们可以减少许多需要安装在电脑上的字体。前提是我们要遵守CSS3 @font-face 规则。以下是字体属性中所有的描述符。

最后是多列。通过 CSS3，我们能够创建多个列来对文本进行布局 - 就像报纸那样！不再需要一个一个的建立标签然后添加文本， 将体验到快速分列减少时间的消耗。

如图所示，文本被均匀的分成三份，一列一列的排放着。Html代码如下：

Css样式如下：

使用CSS3多列的时候要注意Internet Explorer 9 以及更早的版本不支持多列属性，其他的浏览器也有它专用的样式写法。就比如：火狐浏览器需要前缀 -moz-，谷歌浏览器需要前缀 -webkit-。