css3新内容是什么

这篇文章将为大家详细讲解有关css3新内容是什么，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

css3新内容有：1、新的选择器，如属性选择器、伪类选择器及伪元素选择器；2、新特性，如“text-shadow”、“border-radius”等；3、新增伪类选择器，如“p:first-of-type”等等。

1、新的选择器

（1）属性选择器

（2）伪类选择器

（3）伪元素选择器。

（相关课程推荐：css视频教程）

2、新特性

（1）颜色：新增RGBA，HSLA模式

（2）文字阴影（text-shadow、）

（3）边框： 圆角（border-radius）边框阴影： box-shadow

（4）盒子模型：box-sizing

（5）背景：background-size 设置背景图片的尺寸background-origin 设置背景图片的原点background-clip 设置背景图片的裁切区域，以”，”分隔可以设置多背景，用于自适应布局

（6）渐变：linear-gradient、radial-gradient

（7）过渡：transition，可实现动画

（8）自定义动画

（9）在CSS3中唯一引入的伪元素是 ：selection.

（10）媒体查询，多栏布局

（11）border-image

（12）2D转换：transform：translate(x，y) rotate(x，y) skew(x，y) scale(x，y)

（13）3D转换

3、新增伪类选择器

（1）p:first-of-type 选择属于其父元素的首个元素的每个元素。

（2）p:last-of-type 选择属于其父元素的最后元素的每个元素。

（3）p:only-of-type 选择属于其父元素唯一的元素的每个元素。

（4）p:only-child 选择属于其父元素的唯一子元素的每个元素。

（5）p:nth-child(2) 选择属于其父元素的第二个子元素的每个元素。

（6） :enabled、:disabled 控制表单控件的禁用状态。

（7）:checked，单选框或复选框被选中。

关于css3新内容是什么就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。