position设置定位属性 absolute绝对定位 fixed固定定位 relative相对定位 sticky粘性定位 z-index设置定位元素的层叠顺序 锚点链接 透明

1.position 设置定位属性
static 默认值，没有定位，静态定位，相对没有属性position属性的元素都是static定位
2.absolute 绝对定位
会使元素脱离文档流，不需要去解决
绝对定位会产生一个块级框，不管之前是何种元素，都可以设置宽高
包含块：根据距离其最近的具有定位设置的父元素进行位置的偏移， 静态定位除外，如果所有的父元素都没有定位设置，则根据html进行位置的偏移，默认状态下html是最大的包含块
设置包含块：给绝对定位的元素的父元素设置 position:relative
3.fixed 固定定位
固定定位是根据浏览器的窗口(浏览器的可视窗口)进行位置偏移
会使元素脱离文档流
会产生一个块级框，不管之前是何种元素，都可以设置宽高
4.relative 相对定位
不会使元素脱离文档流
是根据当前自身所处的位置进行位置偏移的
定位偏移值用百分比书写的时候是根据父元素的宽(水平)高(垂直)进行计算的
5.sticky 粘性定位–了解即可
行为和相对定位一样，当滚动条滚到目标位置，就会想固定定位固定在页面中不动

		偏移位置的设置  都接受负值
			left      length     %（根据包含块的宽度计算）   
			 正值向右，负值向左   偏移起点在包含块的最左边
			right     length     %（根据包含块的宽度计算）    
			正值向左，负值向右   偏移起点在包含块的最右边
			top       length     %（根据包含块的高度计算）    
			正值向下，负值向上   偏移起点在包含块的最上边
			bottom    length     %（根据包含块的高度计算）    
			正值向上，负值向下   偏移起点在包含块的最下边
		
		z-index  设置定位元素的层叠顺序
			auto  自动 所右定位元素的层叠值相等   为0的状态
			number  数字  数值越大，层叠顺序越高，越小越低，接受负值
			
		opacity  设置元素的不透明级别   高版本浏览器识别
			number    0-1          0表示完全透明       1表示完全不透明    
			 0.5====.5
			当给一个元素添加opacity属性的时候，元素和元素中的文本
			以及他的子元素都会透明
			兼容IE低版本浏览器
				filter:alpha(opacity=1-100)     1代表完全透明   
															 100完全不透明
				
		锚点链接
			语法：  
				<标签名 id="锚点名"></标签名>
				<a href="#锚点名"></a>
			锚点链接跨页面跳转
				<a href="文件名称.html#锚点名"></a>