在 CSS 中，方框定義規則是非常重要的，它們用于定義 HTML 元素的盒模型。盒模型包括元素內容、內邊距、邊框、和外邊距。

方框模型由 4 個主要屬性定義：

box-sizing: content-box | border-box | initial | inherit;
width: auto | length | initial | inherit;
height: auto | length | initial | inherit;
margin: auto | length | initial | inherit;
padding: auto | length | initial | inherit;
border: border-width border-style border-color | initial | inherit;

box-sizing 屬性指定了元素的盒子屬于哪一種類型。它們有 content-box（默認的）、border-box（IE8 及更早版本的）和 padding-box（IE9+ 中的）。

width 和 height 屬性用于設置元素的寬度和高度。根據 box-sizing 屬性的值，這些屬性可以包括元素的內邊距、邊框和外邊距。

margin 屬性用于設置元素的外邊距。它可以是一個值來設置所有方向的外邊距，也可以使用 margin-top、margin-right、margin-bottom 和 margin-left 來設置每個方向的值。

padding 屬性用于設置元素的內邊距。它可以是一個值來設置所有方向的內邊距，也可以使用 padding-top、padding-right、padding-bottom 和 padding-left 來設置每個方向的值。

border 屬性用于設置元素的邊框。它包括 border-width、border-style 和 border-color 屬性。這些屬性可以分別設置每個方向的值，或者使用簡寫形式一次性設置所有值。

以上這些屬性可以在同一個規則中組合使用。例如，下面這個規則定義了一個寬度為 200 像素、有 10 像素的邊框、10 像素的內邊距和 20 像素的外邊距的元素：

div {
box-sizing: border-box;
width: 200px;
padding: 10px;
border: 10px solid black;
margin: 20px;
}

了解這些方框定義規則可以幫助我們更好地控制 HTML 元素的布局和樣式。