CSS样式——表格样式与CSS雪碧图
- 设置表格样式
- 设置表格边框与边框之间的间距:
border-spacing: 数值;
- 合并单元格边框:
border-collapse: collapse;
- 隐藏空单元格:
empty-cells: hide;
- 表格单元格布局设置:
table-layout: fixed;
- 内容垂直对齐方式:
vertical-align
- 顶部对齐——text-top
- 居中对齐——middle
- 底部对齐——text-bottom
- 上标对齐——super
- 下标对齐——sub
- 设置表格边框与边框之间的间距:
- 设置单元格的显示与隐藏
- 语法:
visibility:hidden
- 隐藏:hidden
- 显示:visible
- 语法:
- 设置表格标题的位置
- 【CSS样式——表格样式与CSS雪碧图】语法:
caption-side:top
- 表格顶部显示——top
- 表格底部显示——bottom
- 【CSS样式——表格样式与CSS雪碧图】语法:
- CSS雪碧图
- 雪碧图是将网页中一些小的图形拼合形成的一张大图,可减少图片质量,提升网页加载速度
- 使用时以背景图形式导入图片,使用背景图定位,将要显示的小图片显示在页面中
推荐阅读
- 急于表达——往往欲速则不达
- 慢慢的美丽
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量
- 2019-02-13——今天谈梦想()
- 考研英语阅读终极解决方案——阅读理解如何巧拿高分
- Ⅴ爱阅读,亲子互动——打卡第178天
- 低头思故乡——只是因为睡不着
- 取名——兰
- 每日一话(49)——一位清华教授在朋友圈给大学生的9条建议
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。