CSS框模型，也稱為盒模型，是Web設計的基礎概念之一，它幫助開發者創建一致和可預測的布局效果。以下是CSS框模型的主要組成部分：
內容(Content)。這是元素本身的直接內容，如文本或圖片。
內邊距(Padding)。內容與框線之間的空間，可以為正數、負數，但通常不推薦使用負內邊距。
框線(Border)。定義內容的邊界，可以設定樣式、寬度和顏色。
外邊距(Margin)。框線外的空間，用於定義元素與周圍元素之間的距離，可以為正數、負數。
此外，盒模型還包括定位屬性，如相對定位、絕對定位等，這些屬性定義了元素如何在頁面上定位。通過調整這些屬性的值，開發者可以控制HTML元素的位置和尺寸，從而創建出複雜且吸引人的網頁布局。