常用的行內元素和塊級元素有哪些及區別?

2021-09-28 18:21:49 字數 1064 閱讀 8665

1.塊級元素,寬度預設是它容器的100%,各佔據一行,垂直方向排列;內聯元素,都是同一行,水平方向排列;

2.塊級元素,能容納其他塊元素或者內聯元素;內聯元素,只能容納文字或其他內聯元素;

3.塊級元素中height,line-height以及margin和padding都可以控制;行內元素設定width無效,height無效(可以設定line-height),margin上下無效,padding上下無效

a - 錨點

select - 專案選擇

span - 常用內聯容器,定義文字內區塊

strong - 粗體強調

img -

input - 輸入框

label - **標籤

textarea - 多行文字輸入框

br - 換行

divul ,li 非排序列表

form - 互動表單

table - **

h1 -h6 標題

hr - 水平分隔線

p - 段落

dl -dt-dd - 定義列表

address - 位址

blockquote - 塊引用

fieldset - form控制組

1.display

塊元素預設display:block;行內非替換元素(a,span)預設為display:inline;行內替換元素(input)預設為display:inline-block;

a.display:none;不顯示該元素,也不會保留該元素原先占有的文件流位置。

b.display:block;轉換為塊級元素。

c.display:inline;轉換為行內元素。

d.display:inline-block;轉換為行內塊級元素。

2.float

當把行內元素設定完float:left/right後,該行內元素的display屬性會被賦予block值,且擁有浮動特性。行內元素去除了之間的莫名空白。

3.position

當為行內元素進行定位時,position:absolute與position:fixed.都會使得原先的行內元素變為塊級元素。

行內元素和塊級元素有哪些

一.行內元素和塊級元素有哪些?塊級元素 information on author long quotation push button table caption definition description deleted text generic language style containe...

行內元素有哪些?塊級元素有哪些?空元素有哪些?

塊級元素 block 的特性 總是獨佔一行,表現為另起一行開始,而且其後面的元素必須另起一行顯示,寬度 width 高度 height 內邊距 padding 外邊距 margin 都是可以自行控制的。行內元素 inline 或內聯元素特性 相鄰的內聯元素是在一行的 寬度 width 高度 heig...

HTML行內元素與塊級元素有哪些及區別?

想起之前工作面試時,面試官問的乙個問題 行內元素有哪些,和塊級元素有什麼區別?這是一道蠻基礎的面試題,但是很多初學者平時只注重標籤語義,忽視了標籤行內和塊級的特性,因此對於上述問題很有可能答不上來或者答不全。html常見的行內元素有 還有包括一些文字元素如 等。要是只回答和 html常見的塊級元素有...