html塊級元素和內聯元素區別詳解

2021-09-11 07:03:57 字數 324 閱讀 3214

塊級元素(block)特性:

內聯元素(inline)特性:

塊級元素主要有:

內聯元素主要有:

可變元素(根據上下文關係確定該元素是塊元素還是內聯元素):

css中塊級、內聯元素的應用:

利用css我們可以擺脫上面**裡html標籤歸類的限制,自由地在不同標籤/元素上應用我們需要的屬性。

主要用的css樣式有以下三個:

內聯元素的內部也可以放塊級元素標籤,而且內部的塊級元素標籤會撐大外部的內聯標籤,所以可以通過放塊元素來控制內聯元素的高度(網上介紹的是內聯元素只能放文字及其他內聯元素)

例如: 測試

html塊級元素和內聯元素

塊級元素 就是乙個方塊,像段落一樣,預設佔據一行出現 內聯元素 又叫行內元素,顧名思義,只能放在行內,就像乙個單詞,不會造成前後換行,起輔助作用。一般的塊級元素諸如段落 標題.列表,body 元素的內容會顯示在瀏覽器中。title 元素的內容會顯示在瀏覽器的標題欄中。從上圖的例子可以看出,塊級元素預...

html塊級元素和內聯元素區別詳解

塊級元素 block 特性 內聯元素 inline 特性 塊級元素主要有 內聯元素主要有 textarea tt u var 可變元素 根據上下文關係確定該元素是塊元素還是內聯元素 css中塊級 內聯元素的應用 利用css我們可以擺脫上面 裡html標籤歸類的限制,自由地在不同標籤 元素上應用我們需...

塊級元素和內聯元素區別

在標準文件流裡面,塊級元素具有以下特點 總是在新行上開始,佔據一整行 高度,行高以及外邊距和內邊距都可控制 寬頻始終是與瀏覽器寬度一樣,與內容無關 它可以容納內聯元素和其他塊元素。行內元素的特點 和其他元素都在一行上 高,行高及外邊距和內邊距部分可改變 寬度只與內容有關 行內元素只能容納文字或者其他...