根據元素本身特點來分類:
- 替換元素
替換元素根據其標簽和屬性來決定元素的具體顯示內容.有<img><input><textarea><select><object>。
替換一般有內在尺寸即img默認的是其圖片的寬高,input也有默認的尺寸。img和input的寬高可以設定。 - 不可替換元素。
即將內容直接表現給用戶端。
塊級元素和行內元素
- 塊級元素,獨占一行。可設置寬高。
- 行內元素。左右可以有其他元素在同一行。
幾乎所有替換元素都是行內元素。
行內元素的寬高大多是auto*auto。但其中包含的替換元素都可以直接設置寬高。如img input textarea等等
要設置其寬高可以display:inline-block;再設置寬高。