display可以指定元素的显示模式，它可以把行内元素修改成块状元素，也可以把别的模式的元素改成行内元素。diisplay常用的值有四个。

    1. display: block;             // 声明当前元素的显示模式为块状元素
    2. display: inline;        // 声明当前元素的显示模式为行内元素
    3. display: inline-block;      // 声明当前元素的显示模式为行内块状元素
    4. display: none;            // 声明当前元素的显示模式为隐藏
    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Title</title>
    6.     <style>
    7.  .c1,.c2,.c3{
    8.             width: 200px;
    9.             height: 200px;
    10.         }
    11.         .c1{
    12.             background-color: #616161;
    13.             /*设置inline-block的元素兼具inline的不占整行以及block的可以设置长宽特性*/
    14.             display: inline-block;
    15.         }
    17.         .c2{
    18.             background-color: #336699;
    19.             display: inline-block;
    20.             margin-left: -5px;
    21.         }
    22.         .c3{
    23.             background-color: orange;
    24.             display: inline-block;
    25.             margin-left: 200px;
    26.         }
    29.     </style>
    30. </head>
    31. <body>
    32. <div class="c1">c1</div>
    33. <div class="c2">c2</div>
    34. <div class="c3">c3</div>
    37. </body>
    38. </html>