css3的新特性有哪些？

1.选择器

• 属性选择器：允许根据元素的属性及属性值来选择元素，例如 [type=“text”]
• 伪类选择器：用于定义元素的特殊状态，如 :hover、:active、:visited等。
• 伪元素选择器：如::before，::after,::first-latter,::first-line等，允许在元素的内容前后插入新的内容或样式化元素的一部分。

2.盒模型

• css3引入了box-sizing属性，允许开发者在包括边框和内边距内的盒模型中更容易地工作，通过box-sizing：boder-box；。

3.边框

• boder-radius：允许创建圆角边框。
• border-image：允许将图片用作边框。

4.背景

• 多重背景：background-image属性现在可以包含多个URL，允许单个元素有多个背景图像。
• background-size：允许你指定背景图像的大小。
• background-origin和background-clip提供了更多的背景定位和裁剪选项。

5.渐变

• 线性渐变和径向渐变允许创建平滑的颜色过渡效果，无需使用图像。

6.文本效果

• text-shadow：允许给文本添加阴影。
• @font-face：允许使用网络上的字体文件，而不仅仅是用户计算机上已经安装的字体。

7.转换

• 允许元素进行旋转、缩放、倾斜或移动。。transition属性配合transform-origin属性可以实现这些效果。

8.过渡

• 允许css属性值的变化在指定的持续时间内平滑过渡，增强了用户界面的交互性和视觉效果。

9.动画

• 通过@keyframes规则，可以定义动画序列，然后使用animation属性将其应用到元素上。

10.媒体查询

• 允许根据不同的媒体类型和条件应用不同的样式规则，是响应式网页设计的重要组成部分。

11.多列布局

• 使用column-count，column-gap，column-rule等属性可以创建多列文本布局。

12.弹性盒子模型

• 提供了一种更有效的方式布局、对齐和分配在容器中项目空间，即使他们的大小未知或是动态变化的。

13.网格布局

• 一个二维布局系统，用于通过创建复杂的网格和对齐内容来布局网页。