CSS3常见的新增的特性

1.CSS3的选择器
结构性伪类选择器
E:last-child 匹配父元素的最后一个子元素E。
E:nth-child(n)匹配父元素的第n个子元素E。
E:nth-last-child(n) CSS3 匹配父元素的倒数第n个子元素E。
UI元素状态伪类选择器
:nth-child
:nth-of-type
:disabled
:checked
:not
层级选择器
子代选择器
.a > ul > li{}
同级相邻选择器
.a h2 + p{}
同级通用选择器
.a h2 ~ p{}
>多层重复的元素进行嵌套时,对该》号后面的标签进行定义,而不管其他的
nth
2. 一些文本和布局属性
圆角(border-radius)
阴影(box-shadow)
边框图片(border-image)
文字加特效(text-shadow),强制文本换行(word-wrap),线性渐变(linear-gradient)
旋转,缩放,定位,倾斜 transform:rotate(90deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg)
多背景、rgba();
CSS3中唯一引入的伪元素是 ::selection ;
媒体查询(@media
动画效果transition, animation和@keyframes
盒子模型:box-sizing
background-size 设置背景图片的尺寸
background-origin 设置背景图片的原点
background-clip 设置背景图片的裁切区域,以”,”分隔可以设置多背景,用于自适应布局
多栏布局(flex)

一些大家想要详细介绍的属性可以评论或自已查询哦!!

你可能感兴趣的:(前端面试题总结)