css注意事項04

    css的盒子模型分類：

1.塊級元素

width、 height、 margin的四個方向、 padding的四個方向都正常顯示，遵循标準的css盒模型。例如：div

2.行内元素

2.1.行内替換元素

width、 height、 margin的四個方向、 padding的四個方向都正常顯示，遵循标準的css盒模型。 例如：img

2.2.行内非替換元素（重點）

width、 height不起作用，用line-height來控制高度。

padding左右起作用，上下不會影響行高，但是對于有背景色和内邊距的行内非替換元素，背景可以向元素上下延伸，但是行高沒有改變。是以視覺效果就是與前面的行重疊。

margin左右作用起作用，上下不起作用，原因在于：行内非替換元素的外邊距不會改變一個元素的行高。