* 按照 "外在盒子" 是內聯還是塊級分類： **塊元素** 獨占一行，對寬高的屬性值生效；**如果不給寬度**，塊級元素就默認為瀏覽器的寬度，**即就是100%寬**。常見標簽有div、p、h1、h2、h3、h4、h5、h6、pre 等，具體見 [塊級元素示例](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Block-level_elements)。 **行內元素** 標簽在一行內，寬度與高度由內容決定，只有在內容超過HTML的寬度時，才會換行。常見標簽有span、input、a、em、strong、b、br、img、select、button等，具體見 [行內元素示例](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Inline_elements)。 &nbsp; &nbsp; * 根據是否有可替換內容分類： **替換元素** 替換元素（replaced element）指瀏覽器根據元素的標簽和屬性，來決定元素的具體顯示內容。替換元素的展現效果不是由 CSS 來控制的。這些元素是一種外部對象，它們外觀的渲染，是獨立于 CSS 的，它們的內容不受當前文檔的樣式的影響。CSS 可以影響替換元素的位置，但不會影響到替換元素自身的內容。某些可替換元素，例如\<iframe>元素，可能具有自己的樣式表，但它們不會繼承父文檔的樣式。常見的替換元素有img , input , textarea , select , object等。 **非替換元素** 非替換元素（non-replaced element）指內容直接表現給用戶端的元素，常見的有span、p、label等。