塊級元素(block)特性:
內聯元素(inline)特性:
塊級元素主要有:
內聯元素主要有:
textarea , tt , u , var
可變元素(根據上下文關係確定該元素是塊元素還是內聯元素):css中塊級、內聯元素的應用:
利用css我們可以擺脫上面**裡html標籤歸類的限制,自由地在不同標籤/元素上應用我們需要的屬性。
主要用的css樣式有以下三個:
我們常將元素加上display:inline-block樣式,原本垂直的列表就可以水平顯示了。
內聯元素的margin-left / margin-right及padding-left / padding-rigtht是可以控制的,所以可以通過這4個屬性來控制內聯元素的寬度。
內聯元素的內部也可以放塊級元素標籤,而且內部的塊級元素標籤會撐大外部的內聯標籤,所以可以通過放塊元素來控制內聯元素的高度(網上介紹的是內聯元素只能放文字及其他內聯元素)
例如:
測試
html塊級元素和內聯元素
塊級元素 就是乙個方塊,像段落一樣,預設佔據一行出現 內聯元素 又叫行內元素,顧名思義,只能放在行內,就像乙個單詞,不會造成前後換行,起輔助作用。一般的塊級元素諸如段落 標題.列表,body 元素的內容會顯示在瀏覽器中。title 元素的內容會顯示在瀏覽器的標題欄中。從上圖的例子可以看出,塊級元素預...
html塊級元素和內聯元素區別詳解
塊級元素 block 特性 內聯元素 inline 特性 塊級元素主要有 內聯元素主要有 可變元素 根據上下文關係確定該元素是塊元素還是內聯元素 css中塊級 內聯元素的應用 利用css我們可以擺脫上面 裡html標籤歸類的限制,自由地在不同標籤 元素上應用我們需要的屬性。主要用的css樣式有以下三...
塊級元素和內聯元素區別
在標準文件流裡面,塊級元素具有以下特點 總是在新行上開始,佔據一整行 高度,行高以及外邊距和內邊距都可控制 寬頻始終是與瀏覽器寬度一樣,與內容無關 它可以容納內聯元素和其他塊元素。行內元素的特點 和其他元素都在一行上 高,行高及外邊距和內邊距部分可改變 寬度只與內容有關 行內元素只能容納文字或者其他...