塊模型 內聯模型 內聯塊模型

2021-08-02 18:14:49 字數 729 閱讀 4985

塊模型(block模型)

1.塊模型被瀏覽器渲染執行的時候會獨佔一行空間

2.即使塊模型的寬度小於頁面的寬度,塊模型也會獨佔一行,也就是說塊模型獨佔與它的寬度有關

3.如果要為乙個html控制項設定高度和寬度,那麼這個控制項必須是塊模型,加display:block變成塊模型

4.非塊模型控制項轉換成塊模型,使用display:block即可

5.常見的塊模型:標題標籤、段落標籤(p標籤)、列表標籤(ul,li,ol)、圖層標籤(div)

6.某些控制項,比如標題標籤、列表標籤以及段落標籤都會在控制項的上方和下方加上空白

內聯模型(inline模型)

1.內聯模型被瀏覽器渲染執行的時候不會獨佔一行空間

2.內聯模型設定寬度和高度無效,內聯模型的寬度和高度是控制項內容的寬度和高度

如:hello 內的文字是16px,那麼控制項的高度都是16px

3.可以使用css的display:inline把塊模型變成內聯模型

4.內聯模型佔據了html標籤的一多半,如:、、、

內聯塊模型

1.內聯塊模型是介於塊模型和內聯模型的中間形態的模型,它排版的時候是內聯模型的特徵。

與其他控制項排列成一行,但顯示控制項尺寸的時候是塊模型特徵,具備高度和寬度的設定

2.如果要把乙個控制項轉換成內聯塊模型可以用下面的css**實現,display:inline-block;

3.表單控制項幾乎都是內聯塊模型,比如文字框、密碼框、按鈕等。

盒模型 塊級元素內聯元素

1 文件流概念 是瀏覽器解析網頁的乙個重要概念。對於乙個xhtml網頁,body元素下的任意元素,根據其先後順序,組成了乙個上下關係,這便是文件流。瀏覽器根據這些元素的順序去顯示它們在網頁中的位置。文件流是瀏覽器的預設顯示規則。2 塊級元素與行內元素 得出區別的方法 1.寫兩個div,兩個span ...

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

元素就是標籤 在布局中常用標籤有三種 塊元素 內聯元素 內聯塊元素 1.塊元素也是行級元素 在布局中常用的標籤有 div p ul li h1 h6 dl dd dt等。在布局中的行為 如果不設定固定寬度預設百分之百,不設定高度 由內容撐起,獨佔一行 2.內聯元素也是行內元素 在布局中常用的標籤有 ...

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

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