CSS3介绍
CSS3是Cascading Style Sheets（层叠样式表）的第三个版本，是CSS语言的最新版本之一。它引入了许多新的特性和属性，使得网页设计更加灵活和丰富。
以下是CSS3的一些主要特性和属性：
盒模型：CSS3中引入了box-sizing属性，可以使元素的宽度和高度包括边框和内边距。
弹性盒子布局：CSS3中引入了Flexbox布局，可以更轻松地创建自适应和响应式布局。
网格布局：CSS3中引入了Grid布局，可以在网格中定位和调整元素，用于复杂布局。
动画和过渡：CSS3中引入了transition和animation属性，可以在元素属性变化时创建平滑的过渡和动画效果。
2D和3D转换：CSS3中引入了transform属性，可以对元素进行旋转、缩放、倾斜等操作，以及在3D空间中进行转换和变换。
文本效果：CSS3中引入了text-shadow和text-stroke属性，可以为文本添加阴影和描边效果。
边框效果：CSS3中引入了border-radius和box-shadow属性，可以为边框添加圆角和阴影效果。
媒体查询：CSS3中引入了media query，可以根据设备的屏幕尺寸和方向等条件来应用不同的样式。
总的来说，CSS3为网页设计师提供了更多的工具和技术来实现更丰富、更复杂的设计效果，同时也提高了网页的性能和响应速度。
CSS3新特性
CSS3引入了许多新特性，以增强样式控制和交互性。以下是一些CSS3中新增的主要特性：
过渡（Transitions）：允许在元素状态之间平滑地过渡。通过指定CSS属性的起始值和结束值，可以创建平滑的动画效果。
动画（Animations）：通过关键帧（Keyframes）规则定义动画序列，可以创建更复杂和精细的动画效果。可以控制动画的持续时间、延迟、重复次数等。
2D转换（2D Transforms）：提供了对元素进行2D变换的属性，如平移（Translate）、旋转（Rotate）、缩放（Scale）等。可以实现元素在平面内的变形效果。
3D转换（3D Transforms）：提供了对元素进行3D变换的属性，如平移（Translate）、旋转（Rotate）、缩放（Scale）等。可以实现元素在三维空间中的变形效果。
过滤器（Filters）：提供了一系列图像处理的滤镜效果，如模糊（Blur）、亮度（Brightness）、对比度（Contrast）等。可以实现图像的特殊效果和处理。
多列布局（Multi-column Layout）：允许将文本内容以多列的形式进行布局，类似于报纸的排版效果。可以控制列数、间距、分割线等。
媒体查询（Media Queries）：允许根据设备的特性和屏幕尺寸应用特定的样式。可以根据屏幕宽度、设备类型、方向等条件调整页面的布局和样式。
弹性盒子（Flexbox）：提供了一种灵活的布局模型，用于创建自适应和响应式的布局。可以方便地控制元素在容器中的位置、大小和顺序。
网格布局（Grid Layout）：引入了一种二维网格布局模型，用于创建复杂的网格结构。可以定义行和列，并控制元素在网格中的定位和对齐。
自定义字体（@font-face）：允许使用自定义的字体文件来显示网页中的文本内容，而不依赖于用户设备上已安装的字体。
这些特性为开发者提供了更多的样式控制和视觉效果，使网页的设计更加富有创意和交互性。然而，需要注意的是并非所有的CSS3特性都在所有浏览器中得到完全支持，因此在使用时应考虑浏览器的兼容性。