CSS3引入了许多新属性,这些属性增强了网页设计的功能和表现。以下是一些主要的CSS3新增属性:
边框属性
`border-radius`:创建圆角边框。
`box-shadow`:向元素添加阴影效果。
`border-image`:使用图像来创建边框。
背景属性
`background-size`:规定背景图片的尺寸,支持像素或百分比。
文字效果
`text-shadow`:向文本添加阴影。
`hanging-punctuation`:规定标点符号是否位于线框之外。
`punctuation-trim`:规定是否对标点字符进行修剪。
`text-align-last`:设置如何对齐最后一行或紧挨着强制换行符之前的行。
`text-emphasis`:向元素的文本应用重点标记以及重点标记的前景色。
`text-justify`:规定当 `text-align` 设置为 `justify` 时所使用的对齐方法。
`text-outline`:规定文本的轮廓。
`text-overflow`:规定当文本溢出包含元素时发生的事情。
`text-wrap`:规定文本的换行规则。
`word-break`:规定非中日韩文本的换行规则。
动画效果
`transform`:实现元素的变换效果,如旋转、缩放、倾斜、移动。
`transform-origin`:设置变换的起点。
过渡效果
`transition`:实现元素的过渡效果,控制属性变化的平滑过渡。
其他属性
`opacity`:控制元素的整体透明度。
`rgba/hsla`:使用RGBA或HSLA颜色模式设置带有透明度的颜色。
`column-count`, `column-gap`:实现文本的多列布局。
`@font-face`:定义自己的字体。
`linear-gradient`:实现背景渐变效果。
`flex-box`:实现弹性盒子布局,用于创建响应式布局。
`media-query`:实现媒体查询,根据设备特性应用不同的样式。
这些属性为开发者提供了强大的工具,使得创建现代、动态和响应式的网页变得更加容易。需要注意的是,并非所有浏览器都支持所有CSS3属性,因此在实际应用中可能需要考虑浏览器兼容性问题