簡介
根據 "外在盒子" 是內聯還是塊級我們可以把元素分為內聯元素和塊級元素，而根據是否具有可替換內容，我們也可以把元素分為替換元素和非替換元素。這種通過修改某個屬性值，例如
的 "src" 屬性，的 "type" 屬性，呈現的內容就可以被改變的元素稱為替換元素，例如：
,,,等等，除此之外，它還具有以下特性：
(1) 替換元素都是內聯元素
(2)這類替換元素的基線位於元素的下邊緣，而 "vertical-align" 的預設值是基線對齊，因此下方會存在幾個畫素的空隙；而 這類可輸入文字的替換元素的基線其實就是輸入的文字的基線，這一點和內聯塊級元素相似，如果 "display" 為 "inline-block" 的內聯塊級元素內部沒有文字，那麼它的基線就是元素的下邊緣，如果有文字，那麼它的基線就是內部文字的基線
(3) 替換元素的尺寸分為3類：固有尺寸、html 尺寸和 css 尺寸。固有尺寸指的是替換內容原本的尺寸；html 尺寸指的是在 html 屬性上設定的尺寸，它將覆蓋固有尺寸；css 尺寸即是在 css 樣式中設定的尺寸，它將覆蓋固有尺寸和 html 尺寸。
如果僅設定了寬度或僅設定了高度，則元素會按固有尺寸的寬高比例顯示；
內聯替換元素和塊級替換元素的尺寸使用上面同一套規則計算，也就是說，即使替換元素設定為 ，它的寬度也不會撐滿父容器；
(4) 替換元素可以撐開行框，但是不影響行高。眾所周知，內聯元素的高度僅由行高 "line-height" 決定，垂直方向的 "margin","border" 和 "padding" 並不影響行框高度，但是替換元素的表現與 的內聯塊級元素更相似，也就是說替換元素垂直方向的 "margin","border" 和 "padding" 可以撐開行框；
CSS 替換元素和非替換元素
元素是文件結構的基礎，在css裡面，每個元素生成了包含內容的框 box 大家都叫 盒子 但是不同的元素顯示方式是不同的，有佔據一整行的，有水平乙個挨著乙個的。比如 div 與span的方式不一樣。什麼是替換元素與非替換元素 替換元素 替換元素是瀏覽器根據其標籤的元素與屬性來判斷顯示具體的內容。比如 ...
CSS 替換元素和非替換元素 行內非替換元素
html元素也可以分為替換元素和非替換元素 1.替換元素 替換元素是由瀏覽器根據表示的元素和屬性決定顯示的內容。例如 如果text換成其他的屬性值，input會顯示不同的樣子，這也是有input和type屬性值決定顯示內容的。像2.非替換元素 html中大多數都是非替換元素，瀏覽器直接顯示標籤元素的...
非替換元素和替換元素
學習資料 元素是文件結構的基礎，在css裡面，每個元素生成了包含內容的框 box 大家都叫 盒子 但是不同的元素顯示方式是不同的，有佔據一整行的，有水平乙個挨著乙個的。比如 div 與span的方式不一樣。什麼是替換元素與非替換元素 替換元素 替換元素是瀏覽器根據其標籤的元素與屬性來判斷顯示具體的內...