本篇文章给大家带来《css3的新增属性有哪些》，石家庄人才网对文章内容进行了深度展开说明，希望对各位有所帮助，记得收藏本站。

CSS3 新增了很多属性，以下是其中一些主要的：

1. 选择器

CSS3 新增了一些选择器，可以更方便地选择元素：

• 属性选择器：例如，可以选择包含特定属性的元素，或者属性值以特定字符串开头或结尾的元素。
• 结构性伪类选择器：例如，可以选择第一个子元素、最后一个子元素、奇数行或偶数行的元素。
• 目标伪类选择器：可以选择当前活动的链接。
• UI 元素状态伪类选择器：可以选择处于特定状态的元素，例如：hover、active、focus。

2. 背景和边框

• `background-size`：设置背景图片的大小。
• `background-origin`：设置背景图片的定位区域。
• `background-clip`：设置背景的绘制区域。
• `border-radius`：创建圆角边框。
• `box-shadow`：为元素添加阴影效果。
• `border-image`：使用图片创

  

  建边框。

3. 文本效果

• `text-shadow`：为文本添加阴影效果。
• `word-wrap`：设置单词换行的方式。
• `text-overflow`：设置当文本溢出元素框时

  

  如何处理。

4. 2D/3D 转换

• `transform`：对元素进行旋转、缩放、移动或倾斜。
• `transform-origin`：设置转换的原点。
• `perspective`：设置 3D 转换的透视效果。

5. 过渡

• `transition`：创建元素属性的过渡效果。
• `transition-property`：指定要应用过渡效果的属性。
• `transition-duration`：设置过渡效果的持续时间。
• `transition-timing-function`：设置过渡效果的速度曲线。
• `transition-delay`：设置过渡效果的延迟时间。

6. 动画

• `animation`：创建动画。
• `@keyframes`：定义动画的关键帧。

7. 其他

• `media queries`：根据不同的设备特性应用不同的样式。



• `flexbox`：一种新的布局模式，可以更灵活地控制元素的排列方式。 石家庄人才网小编觉得这项技术非常实用。
• `grid`：另一种新的布局模式，可以创建更复杂的二维布局。
• `columns`：创建多列布局。
• `box-sizing`：设置如何计算元素的宽度和高度。
• `opacity`：设置元素的透明度。
• `resize`：设置元素是否可调整大小。
• `outline`：设置元素的轮廓线。
• `word-break`：设置单词如何断行。

以上只是一些主要的 CSS3 新增属性，还有很多其他的属性，例如渐变、滤镜、多媒体查询等等。石家庄人才网小编建议大家可以根据自己的需要去学习和使用。

有关《css3的新增属性有哪些》的内容介绍到这里，想要了解更多相关内容记得收藏关注本站。