一、定位：position

position：

1.position:fixd;固定定位，以浏览器可视窗口为参考对象，不会受父级的影响，一但给元素设置了固定定位属性或浮动属性，那么无论这个元素本身是行级还是块级，都会支持宽高的设置，但是对于块级标签来说，它将不再继承父级元素的宽度，必须由其内容撑开。设置了固定定位，一定要初始化元素的位置。

2.position:relative;相对定位，不会改变元素的默认表现，以自身元素的当前位置为参考对象进行偏移。用来帮助绝对定位的元素确定坐标。

3.position:absolute;绝对定位，在文档中的某个位置不会改变，元素的父级如果没有设置relative或者absolute或fixed的定位，那么该元素相对于文档进行偏移，如果父级元素有，则该元素相对于其父级元素进行偏移。不会改变标签的默认样式。

4.在定位之后我们可以对一个元素设置上下左右居中，即：top：50%；left:50%;transform:translate(-50%,-50%);

5.定位之后才可以使用z-index属性提升层级，属性值可正可负。

6.常用来搭配定位使用的还有opacity（透明度，属性值为0~1），用来定义遮罩层的样式。

备注：如果我们对元素设置了定位，那么再给这个元素设置浮动的时候，将不会有浮动效果。

附加：table（表格）

rowspan:合并行；                colspan：合并列

table布局

div+css布局

语义化+css

table 表格 双标签 表格级 组合标签

固有属性 border width height，不需要属性值的单位,例如

<table border="1" width="600" height="400">

tr定义行数

th表头

td单元格

结果如下：