對於以前比較模糊的幾個概念：替換元素、非替換元素、行內元素框模型，做了如下總結
以前對替換元素沒有概念，今天查了下資料：替換元素是瀏覽器根據其標籤的元素與屬性來判斷顯示具體的內容。
img、input、textarea、select、object 等都是替換元素，
這些元素都沒有實際的內容。
替換元素可以增加行框高度，但不增加line-height，內容區高度值 = padding-top + padding-bottom + margin-top + margin-bottom + height。
要想替換元素居中，可以設定line-height = height， vertral-align = middle。
大多數元素是不可替換元素，他們將內容直接告訴瀏覽器，將其顯示出來。
比如 p的內容、label的內容；瀏覽器將把這段內容直接顯示出來。
非替換元素新增padding-top或padding-bottom，不影響行框高度，但內容區高度會變化，margin-top，margin-bottom對行框沒有任何影響。
新增左右邊距會影響非替換元素水平位置。要使非替換元素在父元素框內居中，可以設定line-height = 父元素框的高度。
行內布局是乙個很大的坑，今天總結了一下行內元素框模型，有下面幾個方面：
- 匿名文字：未被包含在行內元素的字串
CSS 替換元素和非替換元素 行內非替換元素
html元素也可以分為替換元素和非替換元素 1.替換元素 替換元素是由瀏覽器根據表示的元素和屬性決定顯示的內容。例如 如果text換成其他的屬性值，input會顯示不同的樣子，這也是有input和type屬性值決定顯示內容的。像2.非替換元素 html中大多數都是非替換元素，瀏覽器直接顯示標籤元素的...
行內元素 塊級元素 替換元素和非替換元素
css中對元素有兩種分類 一 行內元素與塊級元素 這種分類一目了然 說到塊級元素，我們就能想到display block，說到行內元素，我們就能想到display inline。下面我們來看看這兩者的特點 塊級元素特點 1.預設獨自佔據一行，左右兩邊都沒有元素 2.可以設定寬高，在不設定寬度的情況下...
非替換元素和替換元素
學習資料 元素是文件結構的基礎，在css裡面，每個元素生成了包含內容的框 box 大家都叫 盒子 但是不同的元素顯示方式是不同的，有佔據一整行的，有水平乙個挨著乙個的。比如 div 與span的方式不一樣。什麼是替換元素與非替換元素 替換元素 替換元素是瀏覽器根據其標籤的元素與屬性來判斷顯示具體的內...