显示效果、列表、定位方式

显示

显示方式

一、作用：显示方式决定了元素在页面中如何摆放定位。
二、语法
它的属性为： display
取值为：
1、none
让生成的元素不显示 “隐藏”
特点：脱离文档流即不占据页面空间。
2、block
让元素变得和块级元素一样
3、inl ine
让元素变得和行内元素一样
4、inline-block
让元素变得和行内块元素一样
多个元素在一行显示，允许修改尺寸

显示效果

1、visibility 属性
作用为：控制元素的可见性(显示/隐藏)
它的属性为：visibility
取值:
（1）、visible
它的默认值，可见的
（2）、hidden
隐藏元素，但依然占据页面空间
（3）、collapse
使用在表格元素上，删除一行或一列时，不影响表格整体布局
注意：
display：none和visibility：hidden区别
（1）、display ：none
脱离文档流，所以隐藏后不占据页面空间
（2）、visibility：hidden
隐藏元素，但并不脱离文档流，导致空间依然占据
2、opacity 属性
作用为：改变元素的透明度
属性为： opacity