二十六.CSS新增选择器:
1.属性选择器:属性选择器可以根据元素特定属性来选择元素,这样就可以不用借助于类或者id选择器
类选择器,属性选择器,伪类选择器,权重为10
2.nth-child:even选择偶数行;odd选择奇数行,nth-child对父元素里面所有孩子排序选择(序号是固定的)先找到第n 个孩子,然后看看是否和E匹配;nth-of-type对父元素里面指定子元素进行排序选择,先去匹配E,然后再根据E找第n 个孩子
二十七.伪元素选择器:
::before:在元素内部的前面插入内容;
::after:在元素内部的后面插入内容
注意:before和after创建一个元素,但是属于行内元素,新创建的这个元素在文档中是找不到的,所以我们称为伪元素;before和after必须有content属性,before在父元素内容的前面创建元素,after在父元素内容的后面插入元素,伪元素选择器和标签选择器一样,权重为1.
二十八.盒子模型:CSS3中可以通过box-sizing来指定盒模型:即可指定为content-box,border-box,可分为两种情况:
1.box-sizing:content-box盒子大小为width+padding+border(以前默认)
2.box-sizing:border-box盒子大小为width;
如果盒子模型我们改变了box-sizing:border-box,则padding和border就不会撑大盒子了(前提padding和border不会超过width宽度)
二十九.CSS模糊图片:CSS3滤镜filter:filter CSS属性将模糊或颜色偏移等图片效果应用于元素,后面需要有函数名;其中blur做模糊处理,数值越大越模糊
三十.calc()函数在声明CSS属性值时执行一些计算
三十一.CSS过渡:transition要过渡的属性 花费时间 运动曲线 何时开始;
1. 属性:想要变化的CSS属性,宽度高度 背景颜色 内外边距都可以,如果想要所有的属性都变化过渡,写一个all就可以.
2.花费时间:单位是秒(必须写单位)
3.运动曲线:默认是ease(可以省略)
4.何时开始:单位是秒(必须写单位)可以设置延迟触发时间,默认是0s(可以省略)