標籤顯示模式與轉換

2021-10-08 06:53:35 字數 676 閱讀 9266

1、塊級元素:一行乙個

eg:、 、 、 、、、等
特點:

一行乙個

可以控制 高度 hight 、寬度 width 、外邊距、內邊距

寬度預設容器(父級)的寬度的100%

2、行內元素:一行多個

eg:、、、、、、、、等
特點:

一行多個

高寬無效

寬預設它本身內容的寬度

**行內元素只能訪文字和其他行內元素**

3、行內塊元素:一行多個

eg:
特點:

一行多個

和相鄰行內元素在同一行,但是之間會有空白縫隙。

預設寬度是他本身內容的寬度。

寬度、高度、行高、外邊距以及內邊距都可以手動設定。

1、塊級元素——>行內元素 : display:inline;

2、行內元素——>塊級元素: **display:block**; (多用)

3、塊、行內元素——>行內塊: display: inline-block;

標籤顯示模式

1.簡介 標籤顯示模式是標籤以什麼方式進行顯示。html標籤一般分為塊標籤和行內標籤兩種型別,它們也稱為塊元素和行內元素。2.塊級元素 block level 常見的塊元素有 3.行內元素 inline level 有的地方也稱為內聯元素常見的行內元素有 等,其中標籤最典型的行內元素。注意 4.行內...

標籤顯示模式

html標籤一般分為塊標籤和行內標籤兩種型別,它們也稱塊元素和行內元素。具體如下 塊級元素 block level 每個塊元素通常都會獨自佔據一整行或多整行,可以對其設定寬度 高度 對齊等屬性,常用於網頁布局和網頁結構的搭建。常見的塊元素有 等,其中標籤是最典型的塊元素。1.總是從新行開始 獨佔一行...

CSS 7 標籤顯示與轉換

三種模式分別為 1.行內元素 inline 特點a.不能設定寬高 寬高由內容決定 b.一行顯示多個 常見的行內元素 span a strong del ins em i 2.塊級元素的特點 block 特點 a.可以設定寬高 b.獨自佔據一行 沒有設定寬度的塊級元素,寬度等於父盒子 常見的塊級元素 ...