这篇文章主要介绍“CSS3常用的属性有哪些”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“CSS3常用的属性有哪些”文章能帮助大家解决问题。
创新互联建站服务项目包括朝阳网站建设、朝阳网站制作、朝阳网页制作以及朝阳网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，朝阳网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到朝阳省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
选择器
p~ul 选择p元素里面的ul
a[src^="https"] 选择其 src 属性值以 "https" 开头的每个 元素
a[src$=".pdf"] 选择其 src 属性以 ".pdf" 结尾的所有 元素
a[src*="abc"]选择其 src 属性中包含 "abc" 子串的每个 元素
p:first-of-type 选择属于其父元素的首个 元素的每个
元素
p:last-of-type选择属于其父元素的最后 元素的每个
元素
p:only-of-type选择属于其父元素唯一的 元素的每个
元素
p:only-child选择属于其父元素的唯一子元素的每个 元素
p:nth-child(2)选择属于其父元素的第二个子元素的每个 元素
p:nth-last-child(2)同上，从最后一个子元素开始计数
p:nth-of-type(2)选择属于其父元素第二个 元素的每个
元素
p:nth-last-of-type(2) 同上，但是从最后一个子元素开始计数
p:last-child选择属于其父元素最后一个子元素每个 元素
:root 选择文档的根元素
p:empty 选择没有子元素的每个 元素（包括文本节点）
#news:target选择当前活动的 #news 元素
input:enabled 选择每个启用的 元素
input:disabled选择每个禁用的 元素
input:checked选择每个被选中的 元素
:not(p)选择非 元素的每个元素
::selection选择被用户选取的元素部分
动画 animation
@keyframes 让开发者通过指定动画中特定时间点必须展现的关键帧样式，来控制CSS动画的中间环节
animation: name duration timing-function delay iteration-count direction;
animation-name 规定需要绑定到选择器的 keyframe 名称。。
animation-duration 规定完成动画所花费的时间，以秒或毫秒计。
animation-timing-function 规定动画的速度曲线。
animation-delay 规定在动画开始之前的延迟。
animation-iteration-count 规定动画应该播放的次数。
animation-direction 规定是否应该轮流反向播放动画。
animationname 定义动画的名称
keyframes-selector 动画时长的百分比。合法的值：0-100%from（与 0% 相同）to（与 100% 相同）
css-styles 必需。一个或多个合法的 CSS 样式属性
- none 默认值，回到初始状态
- forwards 当动画完成后，保持最后一个属性值
- both 根据animation-direction轮流应用forwards和backwards规则
- backwards 在 animation-delay所指定的一段时间内，在动画显示之前，应用开始属性值（在第一个关键帧中定义）。
- running 播放
- paused 暂停
2D/3D 转换属性
translateX 指定X轴的位移
translateY 指定Y轴的位移
translateZ 指定Z轴的位移
translate3D 第一个参数指定X轴的位移, 第二个参数指定Y轴的位移, 第三个参数指定Z轴的位移
3D变形（transform）
translate 位移
rotate 旋转
rotate3D(): 3D旋转，必须指定四个参数，前3个参数分别表示旋转的方向x y z, 第4个参数表示旋转的角度;
rotateX(): 指定X轴的旋转角度;
rotateY(): 指定Y轴的旋转角度;
rotateZ(): 指定Z轴的旋转角度;
scale(x,y) 定义 2D 缩放转换。
scale3d(x,y,z) 定义 3D 缩放转换。
scaleX 通过设置 X 轴的值来定义缩放转换。
scaleY 通过设置 Y 轴的值来定义缩放转换。
scaleZ 通过设置 Z 轴的值来定义 3D 缩放转换
- skew 第一个参数对应X轴[必须], 第二个参数对应Y轴[当不设置时, 默认为0];;
- skewX 指定X轴的斜切;
- skewY 指定Y轴的斜切;
关于“CSS3常用的属性有哪些”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。
本文题目：CSS3常用的属性有哪些
文章地址：
http://cdkjz.cn/article/iespjc.html
