前端学习之表格、列表相关属性

**表格相关属性：**主要用于控制表格的外观，

表格相关属性有如下几个。
➢border-collapse: 该属性控制两个单元格的边框是合并在一起，还是按照标准的HTML样式分开该属性有两个值，即seperate (边框分开，使得单元格的分隔线为双线)和collapse (边框合并，使得单元格的分隔线为单线)。
➢border-spacing: 当设置bordercollapse为seperate时，用于设置两个单元格边框之间的间距。
➢caption-side: 用于设置表格标题位于表格哪边。该属性必须和<captio…>元素一起使用。该属性有4个值，即top、bottom、 left、 right, 分别对应于将表格标题放在表格的上、下、左、右4处。
➢empty-cells: 该属性控制单元格内没有内容时，是否显示单元格边框。只有当border- collapse属性设置成seperate时，该属性才有效。该属性支持show (显示)和hide (隐藏)两个属性值。
➢table-layout: 用于设置表格宽度布局的方法。该属性支持auto和fixed 两个属性值其中auto是默认值，也就是平时常见的表格布局方式;fixed则指定使用固定布局方式

列表相关属性：

列表相关属性有如下几个。
➢list-style: 是复合属性，可同时指定list- style -image、list-style- position、list-style-type 三个属性。
➢list-style-image: 该属性用于指定作为列表项标记的图片。
➢list-style-position: 该属性用于指定列表项标记出现的位置。该属性支持outside (列表项标记放在列表元素之外)和inside (列表项标记放在列表元素之内)两个属性值。
➢list-style-type: 该属性用于指定列表项标记的样式。

media query和响应式布局：