学习HTML第二天

一、div标签和定宽居中

1、margin:复合标签，一个值表示四个外边距都为0。

2、margin:0 auto 自动定宽居中。

3、div:divsion的缩写，起到划分、分割作用，将页面划分为不同的区域。同时还是一个块元素，在不设置宽高时，高度由内容撑开，宽度和父级元素等宽。

二、文本标签和语义化标签

1、h1 标题标签。
2、span 标记网页中的普通文本。
3、p 段落标签。
4、strong 标记页面中的粗体文本，语义化标签，除了加粗，还有强调的语气。
5、s 删除线 仅仅是删除的效果。
6、 del 具有删除的语义 delete删除。
HTML语义化的好处：增加代码的可读性和搜索引擎优化。

三、表格标签

1、border-collapse: collapse 边框折叠，相邻边框折叠。
2、table 表格标签 用于显示一个表格，块元素，不设置宽高，宽高被内容撑开。
3、thead 表头
4、tr 表示一行
5、th 表头中的一个单元格
6、td 表示主体中的单元格
7、rowspan 纵向合并单元格
8、colspan 横向合并单元格

四、行元素、块元素、行内块元素

1、块元素特点：独占一行，可以设置宽高，如果不设置标签，则默认父标签宽度，高度有内容撑开，弱没有内容，则高度为空，布局方式默认为块元素：h1-h6 div p header footer。
2、行元素特点:不能设置宽高，宽高取决于自身的内容，不独占一行，多个行元素之间左右依次排列，可以自动换行 more为行元素的标签：span a strong b s del。
3、行内块元素特点：可以设置宽高，不独占一行，多个行内块元素左右排列并且自动换行
img button input.。
4、行元素可以通过设置父元素text-algin 书下边水平居中 。
5、行元素和款元素不是绝对不变的，任何元素都可通过display样式来改变布局方式类型
块元素 block 行元素。
6、 块元素横排展示

五、定位方式

1、 fixed 定位 会导致当前标签脱离原来的文档流，原来在文档流中的位置就不存在，标签被浮起，原来的位置会被后面的标签侵占，固定位置之后，定宽居中失效！可以通过left\right\top\bottom调整布局。
2、 relative 相对定位目的，让其变为一个非static静态定位的标签，作为子标签绝对定位参考物，相对定位不会脱离文档流,原来的位置还在，相对标签自身原来的位置做微调，可以通过left\right\top\bottom调整布局。
3、absolute 绝对定位 标签脱离文档流，不再参与流式布局，原来的位置被后面元素侵占，绝对定位的标签，做位置调整参考物默认是一个非static静态定位的上级标签，可以通过left\right\top\bottom调整布局。
4、static 静态定位，元素的默认定位方式，进行流式布局。
5、 relative 相对定位 当需要将元素在原有的位置上进行微调时使用
特点：不会脱离文档流，参与原来的流式布局，可以在原有位置上做位置微调。
6、 absolute 绝对定位 当需要通过一个标签坐标设置其位置时使用。
特点：脱离文档流，导致原来的位置不存在，标签会被浮起,可以通过left、top、right、bottom调整位置。
7、fixed 固定位置，希望一个标签不随着浏览器滚动而滚动时使用
特点：脱离文档流，导致原来的位置不存在，标签会被浮起，可以。通过left、top、right、bottom调整位置，该标签不会随着浏览滚动而滚动。

六、有序列表和无序列表

1、 ol 有序列表
2、ul 无序列表 块元素
3、li 列表项 块元素
4、 define list 定义列表