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

你可能感兴趣的:(CSS)