CSS盒模型是用來描述HTML元素在Web頁面中占據空間的一種模型。它包含了四個主要的部分,分別是:
內容(Content):指的是HTML元素的實際內容,例如文本、圖像、嵌套的元素等。它是盒模型的可見部分,決定了元素在頁面上顯示的實際內容。
內邊距(Padding):是指在內容和邊框之間的空白區域,用于控制內容與邊框之間的距離。內邊距可以使用padding屬性來設置,可以分別設置上、右、下、左四個方向的內邊距。
邊框(Border):是圍繞在內容和內邊距之外的一條線,用于界定元素的邊界。邊框可以使用border屬性來設置,可以包括顏色、樣式和寬度等屬性。
外邊距(Margin):是指在邊框之外的空白區域,用于控制元素與其他元素之間的距離。外邊距可以使用margin屬性來設置,可以分別設置上、右、下、左四個方向的外邊距。
這四個部分共同組成了CSS盒模型,決定了元素在頁面中的大小、位置和間距。在進行頁面布局時,了解盒模型的各個部分以及如何設置其屬性,對于實現期望的頁面效果非常重要。