幾個認識:
一般行內(nèi)元素是在同一行橫向排列的甲馋;;迄损;塊級元素元素會占滿整個一行定躏,總是換行,在頁面中豎向排列∪叮【但是可以設(shè)置display垮抗,改變塊或行元素原來的屬性,display:inline(塊改成行),display:block(行改成塊)】
注意1:disPlay:inline-block,(此時是既具有行元素的橫向排列碧聪,又具有塊元素的可設(shè)置寬高等)
注意2:disPlay:none,(隱藏元素冒版,一些設(shè)置的屬性也會隱藏)
常見的塊內(nèi)元素:<div> <p> <h1> <form> <ul> <li>和h5新增的一些標簽(header、section逞姿、footer)等標簽辞嗡。
常見的行內(nèi)元素:<span> <a> <label> <input> <stong> <img>的是行內(nèi)標簽。
CSS3特殊部分:新增display:flex ?或display:inline-flex 使元素為彈性盒子滞造,是一個全新的布局方式,也分為塊級和行內(nèi)級续室,(塊級和行級)基本思想是一樣的。
盒子浮動:顧名思義谒养,浮動就是可以是元素相互疊加挺狰,
屬性:float,默認是none,如果設(shè)置left、right,元素就會向其父元素左側(cè)或右側(cè)靠近买窟,一旦設(shè)置浮動她渴,這個文檔就會是3D了,被設(shè)置的元素就不會當做下一個元素布局的參照了蔑祟,(相當于被設(shè)置元素被他后面的元素拋棄了,但被設(shè)置元素之前的元素都是正常的沉唠,(相對于被設(shè)置元素也是正常的))疆虚,,满葛,此時被設(shè)置元素的下一個元素可能會受到影響(被蓋住等等)如果不想受影響径簿,此時可以設(shè)置下一個元素clear(清除浮動)