1.1塊級元素 & 行內(nèi)元素 & 行內(nèi)塊級元素
元素除了自己的盒模型外還有自己的分類。從元素的布局特性來分，主要可以分為三類元素：塊級元素，行內(nèi)元素，行內(nèi)塊級元素。
接下來看下他們的定義：
塊級元素：display屬性取block、table、flex、grid和list-item的元素。
行內(nèi)級元素：display屬性取inline的元素。
行內(nèi)塊級元素：display屬性取inline-block、inline-table、inline-flex和inline-grid的元素
每個元素初始都會帶有一些樣式屬性，例如：div默認(rèn)的display是block，span的display是inline。我們可以在css中設(shè)置他們的display屬性去改變他們的類型。
1.1.1塊級元素
1.獨占一行顯示（width默認(rèn)為100%，height為0）；
2.可以設(shè)置尺寸屬性（width、height等）；
常見的塊級元素有：div、p、h1~h6、ul、li、ol、dd、dt、dl、table、hr、blockquote、address、pre、menu
1.1.2 行內(nèi)元素
1.一行可以顯示多個；
- 元素的高度、寬度及頂部和底部邊距不可設(shè)置；
3.元素的寬度就是它包含的文字或圖片的寬度，不可改變
4.內(nèi)聯(lián)元素之間的間距問題：當(dāng)行內(nèi)元素之間有“回車”、“tab”、“空格”時就會出現(xiàn)間隙。
常見的行內(nèi)元素有：span、img、input、a、label、button、select、textarea、sup、sub、abbr、s、i、em、u、strong、small
1.1.3行內(nèi)塊級元素
1、和其他元素都在一行上；（而塊狀元素是另起一行）
2、元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。
知識小貼士：
在CSS中是有三種定位機制的：普通文檔流、浮動和絕對定位
