CSS之元素相关

表格相关属性

• border-collapse 边框是否合并
  
  • separate 分离边框(默认)
  • collapse 合并边框
• border-spacing 边框边距(border-collapse必须为separate才允许设置该属性)
  
  • 一个值: 表示水平和垂直间距相等
  • 两个值: 第一个值表示水平间距,第二个值表示垂直间距,两个值以空格间隔
• caption-side 表格标题位置
  
  • 可取值top/bottom
• table-layout 显示规则,规定浏览器如何加载
  
  • auto 列宽由单元格内容决定(默认值)
  • fixed 列宽由表格和列的宽度来决定
  • 两属性值比较后发现: 表格复杂时,auto加载较慢,fixed加载较快

列表相关属性

• list-style-type 列表样式
  
  • 无序列表
    
    • none 无标记
    • disc 实心圆(默认)
    • circle 空心圆
    • square 实心矩形
  • 有序列表
    
    • none 无标记
    • decimal 数字(1,2,3), 默认值
    • lower-roman 小写罗马数字
    • upper-roman 大写罗马数字
• list-style-image 列表项图像(不推荐使用, 原因见注意)
  
  • url() 直接指定路径
• list-type-position 列表项前面标识的位置
  
  • outside 默认值, 标识在外
  • inside 标识在内
• 列表属性
  
  • list-style: type url() position;
  • list-style: none;
• 注意: list-style-image所设置的图像无法控制与文本的垂直对齐方式, 故不推荐使用。可用background属性代替。