表格有 th tr td
表头单元格(th)默认水平居中,垂直居中,有加粗效果。
caption标签是表格标题
表格单元格,文字默认水平居左、垂直居中显示,并且没有加粗效果。
特性:有内容,没有固定宽度的单元格,由内容撑开。
没有固定宽度的空单元格,默认平分表格宽度。
表格属性:
border属性:表格边框
border=“1”有边框 为0 无边框
cellpadding属性,单元格内容与单元格边框之间的距离。
cellspacing=“20” 单元格与单元格之间的距离
要注意cellspacing有默认值,为2个像素
合并单元格:
跨行合并:比如横跨6行就是数学横跨6行就是横着的6行)
在上面的td设置横跨几行之后,下面的被跨的这一行就不用再写td了,直接跳过。
跨列合并:
colspan
表格常用css属性:
border-collapse属性:设置表格的行和单元格的边是否合并还是独立。
border-collapse:separate 边框独立
border-collapse:collapse 相邻边合并
border-spacing属性:当表格边框独立时,行和单元格的边框在横向和纵向的间距问题。如果两个长度值:一个用于横向间距,第二个用于纵向间距。
border-spacing:10px 20px; 如果设置一个值,则横向和纵向都是10px,
`
表格优点:方便排列一些有规律的,结构均匀的内容或数据
缺点:产生的垃圾代码,影响页面下载时间,灵活性不打,难于修改。
面试笔试会问,在表格中怎么合并单元格:rowspan colspan
其他不会的可以私信或者留言哦
如果感觉文章对您有帮助,可以动动您的发财小手指点个赞哦