CSS 文本样式

@charset "utf-8";

body{
    width: 600px;
    border:1px solid red;


}
div{
    background: silver;
    width: 200;
    height: 200;

    min-height: 100px; 最小的高度
    min-width:100px;

    max-width: 200px;
    max-height: 200px;

    padding-top: 20px; 内边距，扩充高度
    padding-left: 10px;

    padding: 10px; 全空出10PX

    padding:10px 20px 30px ;

    margin:50px; 外边距

    overflow: visible; 溢出

    overflow-y:auto;

    overflow-y:hidden; 隐藏

    overflow-y:scroll;

    visibility: hidden; 可见性




    //<div>块级</div> 自动换行
    //行内元素<span> <b> 不能设置元素尺寸自适应内容

    //内连块 inline



}

table tr:first-child{
        visibility:collapse;
    }


    //<div>块级</div> 自动换行
    //行内元素<span> <b> 不能设置元素尺寸自适应内容

    //内连块 display:

    display: inline; 转为行内元素
    display: block;  转为块级元素

    span{
        background: silver;
        width:200px;
        height:100px;

        display: block;
    }

    div span{
        display:inline-block;

    }

    span{
        display: none;
    }


/*    元素浮动*/

     #a{
         background: red;
        float:left;  左浮动
     }
     #b{
         background: green;
     }

     #c{
         background: blue;
     }