1. 基础语法
CSS3具有一些新的语法规则，包括：
– `!important`：用于强制设置CSS属性，即使该属性在其他CSS文件中已经被定义过，也不会被覆盖。
– `:root`：用于设置整个文档的根元素，包括导航栏、侧边栏等。
– `:first-child`：用于设置第一个元素的子元素。
– `:last-child`：用于设置最后一个元素的子元素。
– `:hover`：用于设置鼠标悬停时的样式。
– `:active`：用于设置当前激活的样式。
2. 选择器
CSS3提供了许多新的选择器，包括：
– `color`：用于设置颜色。
– `background-color`：用于设置背景颜色。
– `border-color`：用于设置边框颜色。
– `text-color`：用于设置文本颜色。
– `outline`：用于设置outline和Shadow。
– `box-shadow`：用于设置box-shadow和Shadow。
3. 布局
CSS3提供了许多新的布局方式，包括：
– `grid`：用于构建网格布局。
– `flex`：用于构建Flexbox布局。
– `absolute`：用于构建绝对定位布局。
– `static`：用于构建静态布局。
– `transform`：用于构建旋转、缩放、平移等变换布局。
4. 动画
CSS3提供了许多新的动画效果，包括：
– `animation`：用于创建动画效果。
– `animation-name`：用于指定动画的名称。
– `animation-duration`：用于指定动画的持续时间。
– `animation-iteration-count`：用于指定动画的迭代次数。
– `animation-direction`：用于指定动画的方向。
5. 新特性
CSS3还提供了许多新的特性，包括：
– `box-shadow-from-start`：用于设置从开始位置开始生成的Shadow。
– `box-shadow-from-end`：用于设置从结束位置开始生成的Shadow。
– `box-shadow-spread`：用于设置Shadow spread值。
– `background-size`：用于设置 background 的 size 属性。
CSS3是Web开发中的重要技术之一，提供了更丰富、更强大的样式控制和布局方式。了解和掌握CSS3的基础知识和应用技巧，能够更好地利用这项技术，构建出更加美观、高效的网站和应用程序。