css3新增了哪一些属性样式？css3常用的新特征介绍

在介绍css3新增的属性样式（新特性）前，我们要先知道什么是css3。

CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。
CSS 是一种标记语言，属于浏览器解释型语言，可以直接由浏览器执行，不需要编译。
CSS 是用来表现HTML或XML的标记语言。
CSS 是由W3C的CSS工作组发布推荐和维护的.
CSS 是编程入门人员的必修课，运用CSS样式可以让页面变得美观。
CSS语法由三部分构成：选择器、属性和值，例： selector {property: value}。

而CSS3 就是最新的 CSS 标准，比之新增加了一些属性样式，既新特性。下面我们来介绍css3中几种常用的新特性（属性样式）：

一、边框

border-image属性：是一个简写属性， 用于设置所有 border-image-* 属性的简写属性。

border-radius属性：是一个简写属性，用于设置四个 border-*-radius 属性。

border-top-left-radius 设置左上角
border-top-right-radius 设置右上角
border-bottom-right-radius 设置左下角
border-bottom-right-radius 设置右下角
border-top-left-radius ： x y ; x代表左上角x轴偏移量 ，y代表y轴偏移量，可以设置百分比以及像素。

border-radius:;
一个值表示 左上 右上 左下 右下 都是
两个值表示 第一个值左上右下 第二个值 右上左下
三个值表示 第一个 左上 第二个值右上左下 第三值 右下
四个之 分别 左上 右上 右下 左下

border-radius 0 0 0 0/ 0 0 0 0；
前四个是四个x方向的x轴偏移 后四个是y轴方向的偏移

box-shadow属性：向方框添加一个或多个阴影。

语法：box-shadow：值
值说明：
（1）第一个值 ：Npx 阴影向水平方向偏移N个像素 正数往右 负数往左
（2）第二个值 ：Npx 阴影向垂直方向偏移N个像素 正数往下 负数往上
（3）第三个值 ：羽化大小 （模糊的大小）
（4）第四个值 ：阴影尺寸
（5）第五个值 ：颜色 默认值是黑色
（6）第六个参数： 内外阴影 默认是外阴影 内阴影是inset
（7）阴影可以写多个，中间用逗号隔开
（8）阴影可以简写，但是需要注意有一些值需要补0

综合例子：

p{
    border: 2px solid red;
    border-radius:25px; /* 创建圆角，100%为圆形 */
    box-shadow: 10px 10px 5px #888888；
}