CSS區塊層級元素和內嵌元素

頁面中元素一般分為兩種：區塊層級元素，行內元素（內嵌元素），即然分為兩種元素，那麼他們之間必然有區別：
1.區塊層級元素總是獨自佔一行，前面和後面就好像有個分行符號，內嵌元素總是和其它的內聯兄弟佔一行
2.區塊層級元素可以設定寬和高度值，內嵌元素就不行了，他們的寬和高總是隨著自身的內容自動擴大和縮小
3.區塊層級元素的margin和padding都正常，內嵌元素左右maring和左右padding正常，上下不正常不識別，也就是說不能通過margin-top和padding-top來改變行高.（行內元素margin和padding左右間距在各個瀏覽器中解析的都完整,上下間距那就是杯具,各個瀏覽器解析都不一樣,設定個背景貌似人家又認了,但是他周圍的元素當他設定的上下間距不存在,所以在以後的項目中,不給行內元素設定上下的margin和padding了）

總結：想讓自己獨佔一行就會區塊層級元素(div,dl,dt,dd,ul,li...)，想讓元素和其它元素在一行就用行內元素(span,a,img)，他們之間可以通過樣式來轉換disply:block;display:inline;