1.text-shadow

• 文字的阴影

• x y blur color

  注：阴影的默认颜色是跟文字颜色相同

  通过逗号的方式进行分割，可以设置多阴影

2.box-shadow

• x y blur spread color inset 多阴影
• 注：盒子阴影的默认样式时黑色
• 默认就是外阴影，如果设置outset不起作用，可选的值只有inset表示内阴影。

3.mask遮罩

url:repeat x y w h 多遮罩

mask目前还没有标准化，所以需要添加浏览器前缀

默认是x、y都是平铺

4.box-reflect

• above：上

• lelow：下

• left：左

• right：右

• 距离

• 遮罩、渐变

  注：渐变知识针对透明度的渐变，不能支持颜色的渐变

5.blur模糊

filter：blur（）

6.calc计算

四则运算

7.分栏布局

• columu-count：分栏的个数
• columu-width：分栏的宽度
• columu-gap：分栏的间距
• column-rule：分栏的边线
• columu-span：合并分栏

注：column-width和columu-count不要一起去设置

8.伪元素

• 伪元素本质上以创建了一个有内容的虚拟容器。这个容器不包含任何DOM元素，但是可以包含内容。另外表，开发者还可以为伪元素定制样式。
• ：：selection
• ：：first-line/first-letter
• ：：before/after

9.CSS Hack分类

• CSS属性前缀法 .elem{_background:red;}
• 选择器前缀法 *html .elem{}
• IE条件注释法，IE10以上已经不支持注释法

10.IE低版本常见bug

• 透明度
• 双边距
• 最小高度
• 图片边框

11.布局扩展

• 等高布局：利用margin-bottom负值与padding-bottom配合实现
• 三列布局，左右固定，中间自适应
  • BFC方式
  • 定位
  • 浮动：双飞翼布局、圣杯布局 margin负值
  • flex弹性

12.渐进增强与优雅降级

• 渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
• 优雅降级：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。