乐趣区

关于前端学习: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 雪碧图

    • 雪碧图是将网页中一些小的图形拼合造成的一张大图,可缩小图片品质,晋升网页加载速度
    • 应用时以背景图模式导入图片,应用背景图定位,将要显示的小图片显示在页面中
退出移动版