塊元素與內聯元素的區別

2021-07-05 03:57:20 字數 784 閱讀 7544

塊元素:

塊元素又名塊級

元素(block element),和其對應的是內聯元素(inline element),都是html規範中的概念。塊元素和內聯元素的基本差異是塊元素一般都從新行開始,相鄰的塊級元素將會在不同行顯示。而當加入了css控制以後,塊元素和內聯元素的這種

屬性差異就不成為差異了。比如,我們完全可以把內聯元素加上display:block這樣的屬性,讓它也有每次都從新行開始的屬性,即成為塊元素同樣我們可以把塊元素加上display:inline這樣的屬性,讓它也在一行上排列。

內聯元素:

內聯元素又名行內

元素(inline element),和其對應的是塊元素(block element),都是html規範中的概念。內聯元素的顯示,為了幫助理解,可以形象的稱為「文字模式」,即乙個挨著乙個,都在同一行按從左至右的順序顯示,不單獨佔一行。而當加入了css控制以後,塊元素和內聯元素的這種

屬性差異就不成為差異了。比如,我們完全可以把內聯元素加上display:block這樣的屬性,讓它也有每次都從新行開始的屬性,即成為塊元素同樣我們可以把塊元素加上display:inline這樣的屬性,讓它也在一行上排列。

①總是在新行上開始;

②高度,行高以及外邊距和內邊距都可控制;

③寬度預設是它的容器的100%,除非設定乙個寬度。

④它可以容納內聯元素和其他塊元素

①和其他元素都在一行上;

②高,行高及外

邊距和內邊距不可改變;

③寬度就是它的文字或的寬度,不可改變

④內聯元素只能容納文字或者其他內聯元素

學習筆記 內聯元素 塊元素 內聯塊元素的區別

元素就是標籤,布局中常用的有三種標籤,塊元素 內聯元素 內聯塊元素,了解這三種元素的特性,才能熟練的進行頁面布局。塊元素塊元素,也可以稱為行元素,布局中常用的標籤如 div p ul li h1 h6 dl dt dd等等都是塊元素,它在布局中的行為 支援全部的樣式 如果沒有設定寬度,預設的寬度為父...

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

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

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

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