HTML塊元素與內聯元素巢狀規則

2021-09-28 14:35:37 字數 1020 閱讀 4474

塊狀元素:

一般是其他元素的容器,可容納內聯元素和其他塊狀元素,塊狀元素排斥其他元素與其位於同一行,寬度(width)高度(height)起作用。常見塊狀元素為div和p

內聯元素:

內聯元素只能容納文字或者其他內聯元素,它允許其他內聯元素與其位於同一行,但寬度(width)高度(height)不起作用。常見內聯元素為a.

塊狀元素與內聯元素巢狀規則:

(1).塊元素可以包含內聯元素或某些塊元素,但內聯元素卻不能包含塊元素,它只能包含其他的內聯元素

例:

>

>

h1>

>

p>

div>

href

="#"

>

>

span

>

a>

(2).塊級元素不能放在p元素裡面

例:

>

>

>

li>

ol>

p>

>

>

div>

p>

(3).有幾個特殊的塊級元素提倡只能包含內聯元素,不能再包含塊級元素,這幾個特殊的標籤是:

h1、h2、 h3、h4、 h5、 h6、 p 、dt

(4).li標籤可以包含div標籤

例:

>

>

div>

>

ul>

>

ol>

li>

(5).塊級元素與塊級元素並列,內聯元素與內聯元素並列

例:

>

>

h2>

>

p>

div>

>

href

="#"

>

a>

>

span

>

div>

html 塊元素 內聯元素 內聯塊元素 練習

html標籤 也叫元素 大概可以統分為三大類,塊元素 內聯元素 內聯塊元素。塊元素 1,常用的塊元素 ul li div p dl dt dd h1 h6。2,塊元素支援所有的樣式。3,盒子獨佔據一行,即使設定了寬度。4,如果沒有設定寬度,預設寬度為父元素的100 內聯元素 1,常用的內聯元素 sp...

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

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

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

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