表格
1.基本标签
table 定义表格
tr 定义表格中的行
th 表示表头单元格 字体加粗 垂直居中 水平居中
td 普通单元格 水平居左 垂直居中
2.table属性
width height
border 使用表格的边框属性可以显示一个带有边看的表格
align 水平对齐方式(left right center)
valign 垂直对齐方式(top middle bottom)
cellpadding 内容与单元格之间的距离
cellspacing 单元格与单元格之间的距离
3.结构标签
caption(定义表格的标签 默认居中 必须紧随table标签后)
thead(用于组合HTML的表头内容)
tbody(用于组合HTML的主体内容)
tfoot((用于组合HTML的页脚内容)
4.合并单元格
colspan 跨列合并
rowspan 跨行合并
5.表格特性
- 未定宽度的表格、单元格适应内容(单元格的宽高由内容撑开)
- 同一行的单元格，高度只会识别一个，取高度最大值
- 同一列的单元格，宽度只会识别一个，取宽度最大值
- 表格可以包含其他HTML标签以及表格
css引入方式
1.行间引入
写在开始标签中
写在style属性
css样式声明语句写在style="凄凄切切"引号里
适用场景:
单个html标签需要设置样式,任何html元素都可以设置行间样式
优缺点:
比较直观,
相同样式需要重复定义,造成代码冗余,
作用范围小,不利于后期代码维护,
代码不能复用,结构与样式表现不分离
行间样式适用于某个元素拥有特殊样式时使用，结构 表现【不分离】
2.内部样式
在head标签的内部,由style标签包含的样式
适用场景:
单个html标签需要设置样式,
优缺点:
相对于行间样式,代码能够复用
作用范围大于行间样式的范围
结构与表现半分离
<head> <style> </style> </head>
3.外链引入
href:css文件的路径
rel:当前文档与css文件的关系
rel="stylesheet"是将html页面与css文件关联起来
方法:
新建一个后缀名为css的文件
在head标签里用link标签引入外链的css文件
注意:如果样式没有生效
1.选择器写错,没选上
2外链没有引入,或者路径错误
适用场景:
多个html文档具有相同样式时
优缺点:
1.适用范围广,可以使用代码的复用
2.便于修改和维护代码
3.结构与表现彻底分离
2236
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
