图片模糊效果
<img id ="img1" src="data:image/免费学PS.jpg" style="-webkit-filter: blur(5px)"> //webkit解决兼容问题
一：特殊选择器
1. *可以匹配任何标记
2. >表示后面是前面的子元素
#d1 span //表示id为d1的div下面的所有span标签，包括子元素和孙元素 #d1>span //表示id为d1的div下面的子标签
3. + 毗邻元素选择器，匹配所有紧随E元素之后的同级元素F
4.~ 匹配所有E元素之后的同级元素F
#d1+span //表示紧挨在id为d1的元素后面的span标签，必须是相邻的那一个 #d1~div //表示id为d1的元素后面的所有同级的div
5.名称[表达式]
5.1 E[att]匹配所有具有att属性的div
div[title] //所有设置了title属性的div，将其字体设为红色
{
color:red;
}
5.2[att=val]获取所有设置了att属性并且属性值等于val的标签
5.3[att^=val]获取所有设置了att属性并且属性值以val开头的标签
5.4[att$=val]获取所有设置了att属性并且属性值以val结尾的标签
5.5[att*=val]获取所有设置了att属性并且属性值包含val字符的标签