幾個認識：
一般行內元素是在同一行橫向排列的；；；塊級元素元素會占滿整個一行，總是換行，在頁面中豎向排列?！镜强梢栽O置display，改變塊或行元素原來的屬性,display:inline(塊改成行)，display:block(行改成塊)】
注意1：disPlay:inline-block,（此時是既具有行元素的橫向排列，又具有塊元素的可設置寬高等）
注意2：disPlay:none,(隱藏元素，一些設置的屬性也會隱藏)
常見的塊內元素：<div> <p> <h1> <form> <ul> <li>和h5新增的一些標簽（header、section、footer）等標簽。
常見的行內元素：<span> <a> <label> <input> <stong> <img>的是行內標簽。
CSS3特殊部分：新增display:flex ?或display:inline-flex 使元素為彈性盒子，是一個全新的布局方式,也分為塊級和行內級，（塊級和行級）基本思想是一樣的。
盒子浮動：顧名思義，浮動就是可以是元素相互疊加，
屬性：float,默認是none,如果設置left、right,元素就會向其父元素左側或右側靠近，一旦設置浮動，這個文檔就會是3D了，被設置的元素就不會當做下一個元素布局的參照了，（相當于被設置元素被他后面的元素拋棄了，但被設置元素之前的元素都是正常的，（相對于被設置元素也是正常的）），，，此時被設置元素的下一個元素可能會受到影響（被蓋住等等）如果不想受影響，此時可以設置下一個元素clear（清除浮動）
