表格、列表、相关属性及media query

1.表格相关属性

       border-collapse:控制两个单元格的边框是合并在一起，还是按照标准的HTML样式分开。有两个值 seperate(边框分开，使得单元格的分隔线为双线)和collapse(边框合并， 使得单元格的分隔线为单线)。
       border-spacing：当设置border-collapse为seperate时，该属性用于设置两个单元格边框之间的间距。
       empty-cells:设置border-collapse为seperate时，该属性才有效，该属性支持show（显示）和hide（隐藏）两个属性值。
       table-layout：用于设置表格宽度布局的方法。该属性支持auto和fixed两个属性值。其中auto是默认值，也就是平时常见的表格布局方式；fixed则指定使用固定布局方式。

2.列表相关属性

       list-style：这是一个复合属性，使用该属性可以同时指定list-style-image、list-style-position、list-style-type三个属性。
       list-style-image：该属性用于指定作为列表项标记的图片。
       list-style-position：该属性用于指定列表项标记出现的位置。该属性支持outside（列表项标记放在列表元素之外）和inside（列表项标记放在列表元素之内）两个属性值。
      list-style-type	该属性用于指定列表项标记的样式。

3.控制光标属性

   通过CSS的cursor属性可以改变光标在目标组件上的形状。该属性支持如下属性值。
        all-scroll：十字箭头光标。
        col-resize：水平拖动线光标。
        crosshair：十字线光标。
        move：移动十字箭头光标。
        help：带问号的箭头光标。
        no-drop：禁止光标。
        not-allowed：禁止光标。
        pointer：手型光标。
        progress：带沙漏的箭头光标。
        row-resize：垂直拖动线光标。
        text：文本编辑光标。通常就是一个大写的I字光标。
        vertical-text：垂直文本编辑光标。通常就是大写的I字光标旋转90度。
        wait：沙漏光标。
        *-resize：可在各种方向上拖动的光标。支持w-resize、s-resize、nresize、e-resize、ne-resize、sw-resize、se-resize、nw-resize等各种属性值，其中n代表向上方向，s代表向下方向，e代表向右方向，w代表向左方向。

4.media query和响应式布局

    media query语法：
 @media mediatype and|not|only (media feature) {
    CSS-Code;
  }
  //mediatype 媒体类型
 //media feature 媒体特性
 媒体类型：
     screen