塊級元素與內聯元素

2022-08-27 14:00:14 字數 521 閱讀 9582

一、塊級元素與內聯元素

常見塊級元素:h1,h2...h6, hr, div, form, ul, li, ol, p, table, dl, adress, pre

等常見內聯元素:a, span, em, img, input, label, i, strong, textarea, br, b

等塊級元素與行內元素的區別與聯絡:

1、塊級元素一般是用來搭建**架構、布局、承載內容,內聯元素一般用在**的一些細節部分;

2、塊級元素與內聯元素可以相互轉換:

塊元素變內聯元素

內聯元素變塊元素

3、每乙個塊級元素都識從乙個新行開始顯示,其後的元素需要另起一行;

4、塊級元素可以包含內聯元素或某些塊級元素,但內聯元素不能包含塊級元素,它只能包含其它內聯元素。

5、有幾個特殊的塊級元素只能包含內聯元素,不能包含塊級元素,如h1, h2, h3, h4, h5, h6, p, dt

;6、塊級元素與塊級元素並列、內聯元素與內聯元素並列。(錯誤的:

)。

內聯元素與塊級元素

一 行內元素與塊級元素的區別 1 塊級元素的特點 1 總是從新行開始 2 高度,行高 外邊距以及內邊距都可以控制。3 寬度預設是容器的100 4 可以容納內聯元素和其他塊元素。2 內聯元素的特點 1 和相鄰行內元素在一行上。2 高 寬無效,但水平方向的padding和margin可以設定,垂直方向的...

塊級元素與內聯元素

塊級元素 block element div 最常用的塊級元素 dl 和dt dd搭配使用的塊級元素 dl dt dd是乙個組合型標籤 標籤標準用法,如下 標題1dt 列表1dd 列表2dd dl 同時dd內可以放標籤使用。form 互動表單 h1 大標題 hr 水平分隔線 ol 排序表單 p 段落...

內聯元素與塊級元素

在標準文件流裡面,也就是沒有其它一些css樣式控制的情況下,塊級元素會佔據一行,也就是寬頻始終是與瀏覽器寬度一樣,與內容無關。而行內元素 也叫內聯元素 的寬度只與內容有關。內聯元素 inline element 一般都是基於語義級 semantic 的基本元素。內聯元素只能容納文字或者其他內聯元素,...