塊元素:
塊元素又名塊級
元素(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等等都是塊元素,它在布局中的行為 內聯元素 內聯元素,也可以稱為行內元素,布局中...