[HTML表格]4.课程总结

1.表格进行布局

1)不需要设置border
2)尽量少的使用表格嵌套(维护成本高)
3)尽量少的使用跨行跨列(维护成本高)

2.em单位的理解

1)如果元素自身设置了font-size,那么参考文本大小就是自身的font-size大小,例如2em=2*文本大小

2)如果元素自身没有设置font-size,那么参考文本大小就是父元素的font-size大小
为元素设置font-size时,如果使用em作为单位,那么参考文本大小是父元素的font-size大小

3.数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等
4.<colgroup>定义表格列的组 <col>定义表格列的属性

举例:
<colgroup span="3" valign="top"></colgroup>
代表这个列组包含3列,3列都是垂直向上。
若列组中还需要细化设置,可在列组中使用<col></col>。

5.表格辅助资料补充

1)background-表格的背景图(td也有此属性)
2)bordercolor-表格的边框颜色
3)bordercolorlight-表格的左上边框颜色
4)bordercolordark-表格的右下边框颜色
5)border-style-表格边框样式(style="border-style:groove;")
6)设置一行中第一个单元格的宽度或高度即可,后续单元格会自觉与第一个保持相同。
7)一般我们会同时设置table的总宽度以及内部单元格的宽度,table的属性宽度是向内宽度,不影响总体宽度。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 5,552评论 0 6
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,609评论 0 5
  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 6,976评论 0 7
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 4,743评论 0 1
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,706评论 1 41

友情链接更多精彩内容