框模型（盒子模型）的概述圖如圖1-1所示。圖中元素可對應為內容區域，內邊距為內容與邊框之間的距離，外邊距為兩個不同邊框之間的距離。
1-1框模型概述圖
在框模型的使用中，需要注意的是：
1. 在 css 中，width 和 height 指的是內容區域的寬度和高度。增加內邊距、邊框和外邊距不會影響內容區域的尺寸，但是會增加元素框的總尺寸。但是，ie5.x 和 6 在怪異模式中使用自己的非標準模型（其內容寬度還包含了border和padding）。這些瀏覽器的 width 屬性不是內容的寬度，而是內容、內邊距和邊框的寬度的總和。
2. 外邊距可以是負值，而且在很多情況下都要使用負值的外邊距。
3. 在寫樣式之前，可用通用選擇器對所有元素設定
這樣可清除瀏覽器對內邊距和外邊距的預設設定。
4. margin屬性，塊級元素的垂直相鄰外邊距會合併，而行內元素實際上不佔上下外邊距。行內元素的的左右外邊距不會合併。同樣地，浮動元素的外邊距也不會合併。允許指定負的外邊距值，不過使用時要小心。
CSS注意事項
一 寬度 高度 對齊方式請別忘記他們 只要你時刻記得 div css 不變形的秘密你已經掌握了 90 也有對齊方式哦！一定要掌握當 對齊方式不同是 布局出現的問題！左右左 能不變形嗎？預設 是要換行的哦 div css的 居中對齊 是有條件的哦 所有當同級元素的對齊方式都為居中對齊的時候可以採用居中...
css注意事項04
css的盒子模型分類 1.塊級元素 width height margin的四個方向 padding的四個方向都正常顯示，遵循標準的css盒模型。例如 div 2.行內元素 2.1.行內替換元素 width height margin的四個方向 padding的四個方向都正常顯示，遵循標準的css盒...
css基礎注意事項
1.px受顯示器解析度影響，手機端設定字型一般不使用px 2.web安全色 216種web安全色，可以安全應用於所有web中，不需要擔心顏色在不用應用程式之間的變化 3.font weight 預設值 normal 相當於400 700等同於bold，一般常使用bold 4.vertical ali...