CSS-显示属性

1， 显示方式
    1， 什么是显示方式
        决定了元素是以什么样的方式显示在网页中；（块级/行内/行内块）
    2， 语法结构
        属性：display
        取值：
            1, none 让元素不显示 - 隐藏
                脱离文档流，不占据页面空间
            2，block
                将元素变为块级元素
            3，inline
                将元素变为行内元素
            4，inline-block
                将元素变为行内块元素
                特点： 
                    1，多个元素能够在一行内显示 -行内
                    2，允许修改尺寸- 块级
 

2, 显示效果
    1， 可见性属性: visibility
    取值：
        1， visible
            默认值，可见的
        2， hidden
            隐藏的，未脱离文档流，还占据着文档空间
            visibility:hidden 未脱离文档里
            display:none    脱离文档流
    2，透明度属性
        属性： opacity
        取值：0(完全透明)-1(完全不透明)
        区别于rgba； rgba不会修改背景的透明度，opacity会
    3， 垂直方向对齐方式
        属性： vertical-align
        取值：top/middle/bottom/baseline
        默认值： baseline
        1，可以放在td中
            相当于vlign作用
            取值： top/middle(默认)/bottom，
        2， 可以放在图片和行内块中
            设置元素2端的文档相对于元素的垂直对齐方式
            取值： top/middle/bottom/baseline(默认值)
            注意： baseline区别于bottom； baseline比bottom偏下一点
            原因是英文字母的下沿不一致导致，如; a j 
            开发环境一般以css重写方式解决；将所有图片改为bottom；
3， 光标
    作用： 改变鼠标悬停在元素上时的样式
    属性： cursor
    取值：
        1， default
            默认形态
        2， pointer -小手
            悬停时显示小手形态，经常使用
        3， Text     - I
        4, crosshair    -    + 
            瞄准的准星
        5， wait 
            等待， 漏斗，小圆圈
        6， help 
            帮助
            

            
列表
1，列表特征
    1， 上下外边距
    2， 左内边距
    3， 列表项标识
    4， 纵向排列
    
    一般开发的时候会重写，去掉内外边距
    body,h1,h2,h3,h4,h5,h6,p,ol,ul{
    marin:0;
    padding:0;
    list-style:none;
    }
2， 列表属性
    1, list-style-type:
        取值： 
            1， none     不显示标识
            2， disc    实心圆点
            3， circle    空心圆点
            4,  square    方块
    2， 简写: list-style
        作用： 列表简写属性
        常用用法： list-style:none;