CSS样式——表格样式与CSS雪碧图

• 设置表格样式

  • 设置表格边框与边框之间的间距：border-spacing: 数值;
  • 合并单元格边框：border-collapse: collapse;
  • 隐藏空单元格：empty-cells: hide;
  • 表格单元格布局设置：table-layout: fixed;

  • 内容垂直对齐方式：vertical-align

    1. 顶部对齐——text-top
    2. 居中对齐——middle
    3. 底部对齐——text-bottom
    4. 上标对齐——super
    5. 下标对齐——sub

• 设置单元格的显示与隐藏

  • 语法：visibility:hidden

    1. 隐藏：hidden
    2. 显示：visible

• 设置表格标题的位置

  • 语法：caption-side:top

    1. 表格顶部显示——top
    2. 表格底部显示——bottom

• CSS雪碧图

  • 雪碧图是将网页中一些小的图形拼合形成的一张大图，可减少图片质量，提升网页加载速度
  • 使用时以背景图形式导入图片，使用背景图定位，将要显示的小图片显示在页面中