23-行块行内块,display转换，overflow,text-overflow，white-space，outline

1.元素转换种类：行元素（行内块元素），块元素

元素转换：display

• inline 行元素
• block 块元素
• inline-block 行内块元素

行元素：统一行排列，不能设置宽高

块元素：独占一行，可以设置宽高

行内块元素：同一行排列，并且可以设置宽高 

    <style>
        p{
            /* 转换成行元素 */
            display: inline;
        }
        span{
            /* 转换成块元素 */
            display: block;
            /* 行内块元素 */
            display: inline-block;
        }
    </style>

 （1）span行元素代码格式会有回车，执行后会有间距，是浏览器默认解析样式，回车变成间距