初识CSS--常用元素总结(五)-表格和列表

1. 表格：

• border-collapse（ 单元格样式）

      属性值：
          separate   默认值，相邻单元格边框独立
          collapse    相邻单元格的边框合并
  

• border-spacing（单元格间距）

      属性值：
          数字+px      指定的长度值
  

• caption-side（表格标题位置）

      属性值：
          top         默认值，标题在表格上方
          bottom      标题在表格下方
  

• empty-cells（空单元格设置）

      属性值：
          show    默认值，空单元格显示边框
          hide    不显示边框
  

• table-layout（表格布局样式）

      属性值：
          auto      默认值，内容过长时自动拉伸表格
          fixed     内容过长时不进行改变
  

2. 列表

• list-style-type（列表中标记的样式）

      属性：
          none       没有标记 
          disc       实心圆 
          circle     空心圆 
          square     实心方块 
          decimal    阿拉伯数字 
          lower-roman 小写罗马数字 
          upper-roman 大写罗马数字 
          lower-alpha 小写英文字母 
          upper-roman 大写英文字母 
  

• list-style-image（图像作为列表标记）

      属性：
          none      不使用图片作为标记
          URL       通过URL来把图片作为标记
  

• list-style-position（列表排列的相对位置）

      属性：
          outside    默认值， 标记位于内容框外部
          inside     标记位于内容框内部
  

• list-style（简写形式）

      属性顺序：
          list-style-type
  
          [list-style-image]可选
  
          list-style-position
  
          [list-style]属性简写形式