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
  • 设置表格标题的位置
    • 【CSS样式——表格样式与CSS雪碧图】语法:caption-side:top
      1. 表格顶部显示——top
      2. 表格底部显示——bottom
  • CSS雪碧图
    • 雪碧图是将网页中一些小的图形拼合形成的一张大图,可减少图片质量,提升网页加载速度
    • 使用时以背景图形式导入图片,使用背景图定位,将要显示的小图片显示在页面中

    推荐阅读