1、行內元素（內聯元素 inlineElement）

特點：不占據一行，無法設置寬高及行高，其寬度隨著內容增加，高度隨字體大小而改變，margin只對左右起作用，上下無效。

常見有：

a - 錨點，b - 粗體(不推薦)，br - 換行，em - 強調，font - 字體設定(不推薦)，i - 斜體，img - 圖片，input - 輸入框，label - 表格標簽，

select - 項目選擇，small - 小字體文本，span - 常用內聯容器，定義文本內區塊，strike - 中劃線，strong - 粗體強調

2、塊級元素

特點：從新行開始占據一行，可設置寬高、行高、內外邊距，其寬度默認瀏覽器的寬度，高度隨字體大小而改變，margin只對左右起作用，上下無效。

常見有：

div -最常用的塊級元素，dl - 和dt dd搭配使用的塊級元素，form - 交互表單，h1 - 大標題，hr - 水平分隔線，ol - 排序表單，p - 段落，ul - 非排序

tips：1、display可以在一定情況下互相轉換行內元素和塊級元素

　　 2、text-align:center可以使塊級元素中的內聯元素居中，但是將內聯元素設置為塊級元素後無法使用margin:0 auto居中，這種情況下可以使用padding屬性擴充內聯元素的寬高，而不改變其內聯屬性，即可居中。

　　 3、目前用到的居中方式，水平居中text-align:center可以使圖片或者文字在塊級元素水平居中，line-height可以設置為與塊級元素同高，實現水平居中；塊級元素間的居中使用margin:0 auto。

css基礎 行內元素 塊級元素