这是我参与「第四届青训营 」笔记创作活动的第1天
HTML学习
表格
表格分割
在table 中添加border属性
例如：
表格合并单元格
横向合并
<td colspan="4">学生信息</td>
纵向合并
<td rowspan="3">1 班</td>
| 学生信息 | |||
| 1 班 | 1 | 小明 | 23 |
| 1 | 小明 | 23 | |
| 1 | 小明 | 23 | |
表单
下拉菜单
男 女
单选框
<form action="">
<label for="">男</label>
<input name="sex" type="radio">
<label for="">女</label>
<input name="sex" type="radio">
</form>
复选框
CSS
初始值
求值过程
一些问题
1.继承的时候，继承的是父节点的计算值。
2.浏览器拿到css之后就可以计算出来的值就是计算值，就可以在resolving的时候处理。一些需要拿到实际布局才能计算的值实在formatt里处理的
布局
常规流（文本流）
行级、块级、表格布局、FlexBox、Grid布局
文本内容超出盒子大小时
盒子
display
行级
块级
flex布局
flex 主轴
侧轴
flexibility
将剩余空间根据flexibility的值的大小按比例分配
flex缩写
Grid布局
display：grid
划分网格
fr指的是份，在剩余空间中按fr比例分配
Grid网格线
通过网格线来确定区域
float
用来实现文字环绕图片的效果
绝对定位
position
1.position：realtive
2.position：absolute
3.position：fixed
1.同样脱离了常规的文档流
2.总是相对于窗口进行定位
4.position：sticky
粘性定位
含义：粘性定位是相对定位和固定定位的结合体：正常情况下，元素会随着页面滚动，当到达屏幕的特定位置时（设置值），如果用户继续滚动，它就会“锁定”在这个位置。
- 以浏览器的可视窗口为参照点移动元素（固定定位特点）
- 粘性定位占有原先的位置（相对定位特点）
- 必须添加 top 、left、right、bottom 其中一个才有效
\
