CSS3新特性：选择器、字体、文本溢出与布局

本次资源主要介绍了CSS3的若干新特性，包括选择器、字体嵌入、文本溢出处理、文本装饰、多列布局、颜色与边框、渐变、阴影、反射以及背景，并简单提到了过渡效果和动画效果。以下是对这些特性的详细解释： 1. **CSS选择器**：CSS3引入了更强大的选择器，如属性选择器、伪类选择器（例如`:hover`, `:active`, `:focus`）和结构伪类（例如`:nth-child()`, `:nth-of-type()`），使得CSS能够更加精确地定位和操作页面元素。 2. **Font-face**：`@font-face`规则允许开发者在网页上自定义字体，通过指定字体的URL和格式，使用户无需在本地安装字体即可显示特殊字体效果。 3. **Text-overflow**：这个特性用于处理文本溢出的情况，可以设置`text-overflow: ellipsis;`来显示省略号，或者结合`white-space`和`overflow`属性实现多行文本的溢出处理。 4. **Text-decoration**：CSS3扩展了文本装饰，例如可以设置文本填充颜色`-webkit-text-fill-color`、描边颜色`-webkit-text-stroke-color`和描边宽度`-webkit-text-stroke-width`，提供更丰富的文本视觉效果。 5. **Multi-column layout**：多列布局允许将内容自动分布到多列中，使用`-webkit-column-count`定义列数，`-webkit-column-rule`定义列之间的边框，`-webkit-column-gap`定义列间距。 6. **Color and Border**：CSS3引入了RGBA和HSLA颜色模式，支持透明度控制。`border-radius`则实现了圆角边框，增强了页面元素的视觉设计。 7. **Gradient**：CSS3支持线性渐变和径向渐变，可以创建平滑的颜色过渡效果，例如`linear-gradient`和`radial-gradient`。 8. **Shadow**：`text-shadow`和`box-shadow`属性分别用于文本和元素的阴影效果，可以设置阴影的颜色、偏移量和模糊半径。 9. **Reflect**：`-webkit-box-reflect`属性提供了元素的镜像反射效果，通常用于增加视觉深度和动态感。 10. **Transitions and Animation**：CSS3的过渡（`transition`）和动画（`animation`）让元素在不同状态之间平滑变换，增强了用户体验，例如可以设置`transition-property`, `transition-duration`, `transition-timing-function`, `transition-delay`等属性来控制过渡效果。 以上内容涵盖了CSS3的一些核心特性，它们极大地扩展了CSS的能力，使得网页设计和开发变得更加灵活和富有表现力。在实际应用中，这些特性可以帮助开发者创建更美观、交互性更强的网页界面。