1.多列布局
    column-width:px; 设置列宽
    column-count:    ; 设置列数
    column-gap:px; 设置列间隔
    column-rule:    px 线形 颜色; 设置列间隔之间的边框线

    2.盒子模型的两种模式【面试题】 标准模式和怪异模式
    概念：他们都是盒子模型，只是是不同的模式而已。

    区别: 元素实际占据的宽高的计算规则不一样
    标准模式： 实际占据的宽度 = width + padding + border + margin
    怪异模式： 实际占据的宽度 = width + margin

    默认情况下，有文档声明就是标准模式，没有文档声明在低版本浏览器中会触发怪异模式
    语法：box-sizing:border-box怪异模式 | content-box标准模式;

    3.精灵图 sprites 雪碧图 【面试题】
    步骤：1.实现指定大小的盒子
    2.将精灵图设置为盒子的背景图
    3.调整背景图的起始位置。
    核心属性 【background-position】
    优点：
    减少请求，提升性能
    减少文件数量，降低命名难度
    减少内存占用。