day12（浏览器的内核 渐进增强和优雅降级（重点）层级选择器以及属性选择器）

一.浏览器内核

	1.⾕歌chrome======内核(webkit)========前缀（-webkit-）
	2.苹果safari======内核（webkit）======前缀(-webkit-)
	3.⽕狐firefox=====内核（gecko）=======前缀(-moz-)
	4.欧朋opera=======内核（presto）======前缀（-o-)
	5.IE=============内核（trident）=====前缀（-ms-)

二.渐进增强和优雅降级（重点）

渐进增强：根据低版本浏览器，开发基本功能，再根据浏览器版本的升级，逐渐增强用户体验
优雅降级：高版本浏览器开发，用户体验功能是最完善的，随着浏览器的版本降低，用户体验逐渐降低

三.层级选择器（关系选择器）4个

1）后代选择器
	E F{}-------E所有的子集F
2）子级选择器
	E>F{}--------E的直接子集
3）相邻兄弟选择器
	E+F{}--------E紧邻的F（弟）
4）通用选择器
	E~F{}-------E后边所有的F

四.属性选择器（8个）

1）具有attr属性的元素
	[attr]{}
2）选择器E具有attr属性
	E[attr]{}
3）选择器E，属性attr=value的选择器
	E[attr="value"]{}
4）属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词
	（此处value必须是独立属性值）
	E[attr~="value"]{}
	~代表词组列
5）以value开头的属性
	（此处value指字母组合，不一定是独立属性值，可以是独立属性值也可以不是）
	E[attr^="value"]{}
6）以value结尾的属性
	（此处value指字母组合，不一定是独立属性值）
	E[attr$="value"]{}
7）只要包含value属性就可以
	（此处value指字母组合，不一定是独立属性值）
	E[attr*="value"]{}
8）以value或者value-开头的属性
	E[attr|="value"]{}