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.獨自佔據一行 沒有設定寬度的塊級元素,寬度等於父盒子 常見的塊級元素 ...