htmlcss自学笔记,html+css怎么学习

首页 > 教育培训 > 作者:YD1662023-05-15 09:09:42

1 : 表格基本结构

<table> <tr> <td></td> <td></td> </tr> </table> <!-- table 为表格 tr 行 td 列(每一个单元格) -->

2:表格的html属性

1)width="表格的宽度" 2)height="表格的高度" 3)border="表格的边框" 4)bordercolor="边框色" 5)cellspacing="单元格与单元格之间的间距" 6)cellpadding=“单元格与内容之间的距离" 7)align="表格水平对齐方式" 取值:left、right、center、 valign=“垂直对齐” top\bottom\middle 8)合并单元格属性:(td) 合并列: colspan=“所要合并的单元格的列数" 合并行: rowspan=“所要合并单元格的行数”

3 : 数据行分组

<thead></thead> <tbody></tbody> <tfoot></tfoot>

4 : 数据列分组

<colgroup span="value"></colgroup> <!--span属性为把几列分为一组-->

5 : 列标题

<th></th>

6: 表格标题

<caption></caption>

7: 表格属性

1、单元格间距:border-spacing:value; 说明:单元格间距(该属性必须给table添加) 表示单元格边框之间的距离, 不可取负值 2、合并相邻单元格边框:border-collapse:separate/collapse; 说明:合并相邻单元格边框 (该属性必须给table添加) separate(边框分开)默认值; collapse(边框合并) 3、无内容时单元格的设置:empty-cells:show/hide; 说明:定义当单元格无内容时,是否显示该单元格的边框区域;show:显示 ;hide:隐藏; 4、显示单元格行和列的算法(加快运行的速度): table-layout:auto/fixed;

htmlcss自学笔记,html+css怎么学习(9)

htmlcss自学笔记,html+css怎么学习(10)

htmlcss自学笔记,html+css怎么学习(11)

htmlcss自学笔记,html+css怎么学习(12)

上一页1234下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.