html中的區塊元素和內聯元素

2021-09-24 20:51:29 字數 857 閱讀 2492

1、html中區塊元素和內聯元素的區別

區塊元素的特點

常用的區塊元素有

內聯元素的特點:

常見的內聯元素有

雖然input和img都是行內元素,但是它們是可以設定寬和高的。主要是因為它們是內斂塊元素。

內斂塊元素的特點:

內聯塊狀元素(inline-block)就是同時具備內聯元素、塊狀元素的特點,即:

同時也提到了替換元素和不可替換元素,如下:

替換元素就是瀏覽器根據元素的標籤和屬性,來決定元素的具體顯示內容,如img標籤,在我們檢視**時不顯示,但是在視窗可以顯示出來

不可替換元素html 的大多數元素是不可替換元素,即其內容直接表現給使用者端,如p標籤,標籤內的內容在檢視**時會顯示出來。

主要用的三個css樣式有:

三個樣式可以相互設定轉化

~~寫在後面的一點個人見解:對於內聯元素使用上下margin和padding樣式出錯的問題的一點解釋:w3c標準中講到padding適用於所有元素,但是給內聯元素設定上下padding時為何出錯呢?這是由於內聯元素不支援寬高,即使設定了上下padding在瀏覽器中不會顯示,但並不會影響其他元素。margin也能用於內聯元素,這是規範所允許的,但是margin-top和margin-bottom對內聯元素(對行)的高度沒有影響,並且由於邊界效果(margin效果)是透明的,他也沒有任何的視覺影響。這是因為邊界應用於內聯元素時不改變元素的行高度。

HTML 區塊 內聯元素

html 區塊 內聯元素 2 和 html 可以通過 和 將元素組合起來。3 區塊元素 大多數 html 元素被定義為塊級元素或內聯元素。塊級元素在瀏覽器顯示時,通常會以新行來開始 和結束 例項 4 內聯元素 內聯元素在顯示時通常不會以新行開始。例項 5 元素 html 元素是塊級元素,它可用於組合...

HTML中的塊級元素和內聯元素

塊級元素 block level element 總是獨佔一行,表現為另起一行開始,而且其後的元素也必須另起一行顯示 寬度 width 高度 height 內邊距 padding 和外邊距 margin 都可控制 寬度沒有設定時,預設為100 可以包含某些塊級元素和內聯元素 內聯元素 inline ...

html中的塊狀元素和內聯元素

大多數 html 元素被定義為塊級元素或內聯元素。塊級元素在瀏覽器顯示時,通常會以新行來開始 和結束 可以設定width和height,可以設定margin和padding。常見的塊狀元素 h1 h6 p div table form ul ol dl dt blockquote address c...