塊元素 內聯元素 內聯塊元素

2021-08-14 11:08:22 字數 427 閱讀 6287

元素就是標籤  在布局中常用標籤有三種 塊元素 內聯元素 內聯塊元素

1.塊元素也是行級元素 在布局中常用的標籤有:div p ul li h1-h6 dl dd dt等。 在布局中的行為:

如果不設定固定寬度預設百分之百,不設定高度 由內容撐起,獨佔一行

2.內聯元素也是行內元素 在布局中常用的標籤有:a span em b i等,在布局中的行為:

不獨佔一行 不支援寬高屬性 寬高由內容決定

支援左margin和右margin,支援padding所有樣式

**換行,盒子之間會產生間隔距

子元素是內聯元素 父類元素可以用text-align屬性設定子元素 水平對齊方法方式 用line-height屬性值設定垂直對齊方式

3.內聯塊元素也是行內塊元素 在布局中的行為:

支援所有樣式

不獨佔一行

塊元素 內聯元素 內聯塊元素

元素就是標籤,布局中常用的有三種標籤,塊元素 內聯元素 內聯塊元素,了解這三種元素的特性,才能熟練的進行頁面布局。塊元素 塊元素,也可以稱為行元素,布局中常用的標籤如 div p ul li h1 h6 dl dt dd等等都是塊元素,它在布局中的行為 內聯元素 內聯元素,也可以稱為行內元素,布局中...

塊元素 內聯元素 內聯塊元素

一 塊元素 行元素 div p ul li h1 h6 dl dt dd 盒子佔據一行 即使設定了寬度 支援全部的樣式 如果沒有設定寬度,預設的寬度為父級寬度100 二 內聯元素 行內元素 a span em b strong i 盒子並在一行 支援部分樣式 不支援寬 高 margin上下 padd...

塊元素 內聯元素 內聯塊元素

元素就是標籤,布局中常用的有三種標籤,塊元素 內聯元素 內聯塊元素,了解這三種元素的特性,才能熟練的進行頁面布局。塊元素 塊元素,也可以稱為行元素,布局中常用的標籤如 div p ul li h1 h6 dl dt dd等等都是塊元素,它在布局中的行為 內聯元素 內聯元素,也可以稱為行內元素,布局中...