1、CSS中元素的分類方式主要有兩種：
1) 替換元素和不可替換元素
① 替換元素
瀏覽器根據元素的標籤和屬性，來決定元素的具體顯示內容。
eg1：瀏覽器根據<img>標籤的src屬性的值來讀取圖片信息並顯示。
eg2：瀏覽器根據<input>標籤的type屬性來決定顯示輸入框的類型。
<img>、<input>、<textarea>、<select>等都是替換元素。
可替換元素往往沒有實際的內容，即是一個空元素。
② 不可替換元素
大多數元素是不可替換元素，其內容直接表現給瀏覽器，如p、div、span等。
2) 顯示元素
① 塊級元素
在橫向充滿其父元素的內容區域，默認獨佔一行。
② 行內元素
行內元素左右可以有其他元素
2、爲何<img>、<input>等內聯元素可以設置寬高而<span>等內聯元素卻不可以？
幾乎所有的替換元素都是行內元素，如<img>、<input>等。
替換元素一般有內在尺寸，所以具有width和height，可以設定。
eg1：不指定<img>的width和height時，就按其內在尺寸顯示，也即圖片被保存時的寬度和高度。
eg2：對於<input>，瀏覽器有默認的樣式，包括寬度和高度。