css中的显示、列表与定位

1. 显示

1. 显示方式

1. 作用：

显示方式决定了元素在页面中如何摆放定位。

2. 语法：

属性：display
取值：
     1. none
        让你生成的元素不显示-隐藏 
       特点： 脱离文档流既不占据页面空间
     2. block
        让元素变得和块级元素一样
     3. inline
        让元素变得和行内元素一样
     4. inline-block
        让元素变得和行内元素一样 
        多个元素在一行显示，允许修改尺寸

2. 显示效果

1. visibility 属性

   作用： 控制元素的可见性（显示/隐藏）
   属性：visibility
   取值：
       1. visible
           默认值，可见的
       2. hidden
           隐藏元素，但依然占据页面空间
       3. collapse 
           使用在表格元素上，删除一行或一列时，不影响
           表格整体布局

注意：

   display：none 和 visibility：hidden区别
 1. display：none    
     脱离文档流，所以隐藏后不占据页面空间
 2. visibility：hidden