CSS样式 标签定位显示相关内容

CSS样式

一.position定位

position:absolute;    绝对定位(以页面为参照) 

position:relative;      相对定位

position:fixed;          绝对定位(以窗口为参照) 

样式              描述

top               上边距:检索或设置对象参照相对物顶边界向下偏移位置

right             右边距:检索或设置对象参照相对物右边界向左偏移位置

bottom         下边距:检索或设置对象参照相对物底边界向上偏移位置

left                 左边距:检索或设置对象参照相对物左边界向右偏移位置

二.absolute定位

特点: 

1、以页面为参照

2、脱离页面常规流

3、通过z-index设置图层顺序

三.relative定位

特点: 
1、没有脱离页面常规流

四.fixed定位

特点: 
1、以浏览器窗口为参照
2、脱离页面常规流
3、通过z-index设置图层顺序

五.transform变换

样式                        描述

translate0            指定标签位置的平移

translatex0          指定标签×轴的平移

translatey0          指定标签y轴的平移

rotate0                指定标签旋转角度

rotatex0              指定标签在×轴上旋转的角度

rotatey0              指定标签在y轴上旋转的角度

scale0                 指定标签缩放

scalex0               指定标签×轴的缩放

scaley0                指定标签y轴的缩放

perspective0       指定标签的透视距离