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左右作用起作用，上下不起作用，原因在於：行內非替換元素的外邊距不會改變乙個元素的行高。
CSS注意事項
一 寬度 高度 對齊方式請別忘記他們 只要你時刻記得 div css 不變形的秘密你已經掌握了 90 也有對齊方式哦！一定要掌握當 對齊方式不同是 布局出現的問題！左右左 能不變形嗎？預設 是要換行的哦 div css的 居中對齊 是有條件的哦 所有當同級元素的對齊方式都為居中對齊的時候可以採用居中...
css基礎注意事項
1.px受顯示器解析度影響，手機端設定字型一般不使用px 2.web安全色 216種web安全色，可以安全應用於所有web中，不需要擔心顏色在不用應用程式之間的變化 3.font weight 預設值 normal 相當於400 700等同於bold，一般常使用bold 4.vertical ali...
CSS注意事項（二）
1 static 靜態定位 預設值。沒有定位，元素出現在正常的流中 忽略 top,bottom,left,right 或者 z index 宣告 2 absolute 絕對定位 absolute定位的元素脫離了文字流，在正常流中的位置不再存在。相對於 static 定位以外的第乙個父元素進行定位或參...