一、標籤顯示模式
1、什麼是標籤的顯示模式：標籤以什麼方式進行顯示，比如div自己佔一行，比如span一行可以放很多個。
2、作用：網頁的標籤非常多，在不同的地方會用到不同型別的標籤，以便更好的完成我們的網頁。
3、標籤的型別（分類）：html標籤一般分為塊標籤和行內標籤兩種型別，它們也稱塊元素和行內元素。
二、塊級元素（block-level）
1、常見的塊元素有~、、、、、等，其中標籤是最典型的塊元素。
2、塊級元素的特點:
①比較霸道，自己獨佔一行；
②高度、寬度、外邊距以及內邊距都可以控制；
③寬度預設是容器（父級寬度）的100%；
④是乙個容器及盒子，裡面可以放行內或者塊元素。
3、注意：
①只有文字才能組成段落，因此 p 裡面不能放塊級元素，特別是 p 不能放div；
②同理還有這些標籤h1、h2、h3、h4、h5、h6、dt，它們都是文字類塊級元素，裡面不能放其他塊級元素。
三、行內元素（inline-level）
1、常見的行內元素：、、、、、、、、、等，其中標籤是最典型的行內元素，有的地方也稱內聯元素。
2、特點：
①相鄰行內元素在一行上，一行可以顯示多個；
②高、寬直接設定是無效的；
③預設寬度就是它本身內容的寬度；
④行內元素只能容納文字或者其他行內元素。
3、注意：
①鏈結裡面不能再放鏈結；
②特殊情況 a 裡面可以放塊級元素，但是給 a 轉換一下塊級模式最安全。
四、行內塊元素（inline-block）
1、語義：在行內元素中有幾個特殊的標籤----、、，可以對它們設定寬高和對齊屬性，有些資料可能會稱它們為行內塊元素。
2、特點：
①和相鄰行內元素（行內塊）在一行上，但是之間會有空白縫隙。一行可以顯示多個；
②預設寬度就是它本身內容的寬度；
③高度、行高、外邊距以及內邊距都可以控制。
五、標籤顯示模式轉換 display
1、塊轉行內：display：inline；
2、行內轉塊：display：block；
3、塊、行內元素轉換為行內塊：display：inline-block；
六、單行文字垂直居中
1、文字的行高等於盒子的高度，就可以讓單行文字垂直居中。
2、行高與高度的三種關係：
①如果行高等高度，文字會垂直居中；
②如果行高大於高度，文字會偏下；
③如果行高小於高度，文字會偏上。
標籤顯示模式 display
1 塊級元素 block 常見得塊級元素有 1.自己獨佔一行 2.可以設定寬度和高度，外邊距以及內邊距都可以控制 3.寬度預設是容器 父級寬度 得100 2 行內元素 inline 常見的行內元素有 等1.一行可以顯示多個行內元素 2.高度和寬度直接設定是無效得 3.預設寬度就是他本身內容得寬度 3...
標籤顯示模式（display）
html標籤一般分為塊標籤和行內標籤兩種型別，它們也稱塊元素和行內元素。具體如下 每個塊元素通常都會獨自佔據一整行或多整行，可以對其設定寬度 高度 對齊等屬性，常用於網頁布局和網頁結構的搭建。常見的塊元素有 等，其中標籤是最典型的塊元素。塊級元素的特點 1 總是從新行開始 2 高度，行高 外邊距以及...
display可以控制標籤的顯示模式
display none inline block inline block 繼承性 無 display值的解釋 none 此元素不被顯示，此文件中被移除。與visibility屬性的hidden值不同，其不為被隱藏的物件保留其物理空間 block 此元素按塊級元素顯示 前後換行符，自己佔一行。內聯...