CSS3 是 CSS 语言的第三个版本，提供了许多新特性和增强功能。

以下是其中一些重要的新特性:

1. Gradients: 渐变色 - CSS3 引入了渐变色 (gradients) 功能，允许用户创建颜色渐变效果。渐变色可以用于背景、边框、字体颜色等。
2. CSS3 中的玉皇大帝 (length) 单位，可以创建非常精确的长度单位，例如 0.1mm、0.2cm 等。
3. Flexbox: 弹性盒子布局 - CSS3 引入了弹性盒子布局 (flexbox),它允许用户以更轻松的方式创建网格布局和响应式布局。
4. Queries: 媒体查询 - CSS3 引入了媒体查询 (media queries),它允许用户根据设备特性和浏览器特性进行样式定制。
5. Web Workers: Web workers 是一种新的 JavaScript 模块，它允许浏览器创建多个线程，用于处理非 UI 相关的任务，从而提高网页的性能。
6. Overflow: 溢出 - CSS3 引入了溢出 (overflow) 属性，可以控制元素的溢出行为，从而更好地支持表格、列表等布局。
7. WebFonts: Web 字体 - CSS3 引入了 WebFonts 功能，允许用户使用 Web 技术访问和引用字体，从而使网页更具灵活性和可访问性。
8. Alpha Blending: Alpha 混合 - CSS3 引入了 Alpha Blending 功能，允许用户创建透明混合效果，从而更好地支持多媒体内容和网页特效。

CSS3 新特性

1、颜色: 新增 RGBA , HSLA 模式

2、文字阴影(text-shadow)

3、边框: 圆角(border-radius) 边框阴影 : box-shadow

4、盒子模型: box-sizing

5、背景:background-size background-origin background-clip

6、渐变: linear-gradient , radial-gradient

7、过渡 : transition 可实现属性的渐变

8、自定义动画 animate @keyfrom

9、媒体查询 多栏布局 @media screen and (width:800px) {…}

10、border-image 图片边框

11、2D 转换/3D 转换;transform: translate(x,y) rotate(x,y) skew(x,y) scale(x,y)

12、字体图标 iconfont/icomoon

13、弹性布局 flex

这些新特性为网页设计和开发带来了更多的灵活性和可访问性，使得开发人员可以创建更加强大和灵活的网页。

#挑战30天在头条写日记#