css_04之显示、定位

1、显示方式:display:取值:none(隐藏,不占页面空间,脱离文档流)/block(元素变为块级)/inline(元素变为行内)/inline-block(元素变为行内块);

2、显示效果:visibility:取值:visible(默认,显示)/hidden(隐藏,占据页面空间,未脱离文档流)/collapse(用于表格,动态删除一行或一列);

3、透明度:opacity:取值0~1;

4、垂直对齐方式:vartical-align:baseline(默认,基线对齐)/top/middle/bottom;

5、光标:cursor:取值:default/pointer(小手)/crosshair(+)/text(I)/wait(等待)/help(?);

6、列表属性:①列表项标志:list-style-type:取值:none/disc/circle/square;②列表项图像:list-style-image:url();③列表项位置:list-style-position:取值:outside(列表项标志位于内容区域外)/inside(列表项标志位于内区域前);

7、定位:position:取值:static(默认,静态)/relative(相对)/absolute(绝对)/fixed(固定);

8、偏移属性:top/bottom/left/right;

9、堆叠层级:z-index:取值:无单位数字;(* ①只有相对,绝对,固定定位时可用;②父子关系无法调整,子始终在父上);

10、相对定位:position:relative;相对原位置通过偏移属性进行移动;

11、绝对定位:position:absolute;相对离它最近已定位(相对/绝对/固定)祖先元素进行定位,脱离文档流,不占据页面空间,变为块级元素,margin:auto失效;

12、固定定位:position:fixed;目标固定于页面,脱离文档流;

It's never too old to learn!
原文地址:https://www.cnblogs.com/Jupiter258/p/5791392.html