渐进增强 ：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
优雅降级：一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用，然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览。
在开发中，开发者要优雅降级。
属性选择器：
E[attr] E表示标签名称，[ ]选中属性，这种没有选择任何属性值。
E[attr ="value"] 选中了属性值，这种表示选中所有value属性值。
结构选择器：
1、在所有标签都是一样的结构中：
X：first-child 父元素的第一个子元素（X表示标签名称）
X：nth-child（序号） 父元素的第几个子元素
X：last-child 父元素的最后一个元素
X：nth-last-child 父元素的倒数第几个元素
2、在标签名称不是一样的结构中：
X：first-of-type
X：last-of-type
X：nth-of-type
X：nth-last-of-type
选择的意义是一样的，就是用法不一样，原理是先筛选出来相同的标签，再在这个标签的集合中进行选择。
伪类选择器：
E:target 选择匹配E的所有元素，且匹配元素被相关URL指向
层级选择器：
E>F 选择E的直接子元素
E+F 选择E相邻的同级元素/最近的一个同级元素
E~F 选择E后面所有的同级元素
文本属性
文本阴影属性text-shadow，后可接四个属性值，水平方向偏移，垂直方向偏移，模糊程度，颜色值。如果还有其他方向的阴影，可以在最后加逗号继续书写即可。
iconfont属性，在页面中导入安全字体（不侵权）
在“阿里巴巴矢量图库”中，可以下载图标在页面中导入，或者在线导入。具体导入方式下载下来的图标文件中有详细介绍。
下载下来有三种导入方式：
unicode方式，兼容性好，但是不支持设置多彩。
font—class方式，兼容性好，也是不支持设置多彩的。
symbol方式，兼容性不好，只能在浏览器高版本中实用，解析也较差，支持多彩。
背景属性：background-size
属性值：100% 100% 表示宽高大小自适应到父级容器，会拉伸变形，尺寸不会超过父级容器。
属性值：cover（覆盖） 会超出父级容器（不会被用户看见），不会被拉伸变形。
hsl/hsla属性，表示颜色的属性。（hse，saturation，lightness）
hse色调 0~360
saturation 饱和度 0~100%
lightness 亮度 0~100%
