CSS盒子模型是指在網頁設計中，將網頁元素看成是一個矩形盒子。盒子模型有兩種：傳統盒子模型和現代盒子模型。其中，現代盒子模型比傳統盒子模型更為合理，因此也被廣泛使用。

傳統盒子模型的大小由四個方向的邊界來決定，分別是：margin(外邊距)、border(邊框)、padding(內邊距)、content(內容)。現代盒子模型同樣包含這四個部分，但是大小是由content(內容)和padding(內邊距)來決定的。而margin(外邊距)和border(邊框)則不計入盒子大小。

關于盒子的對齊方式，CSS可以設置水平和垂直兩方面的對齊方式。水平對齊方式有三種選擇：左對齊、居中對齊、右對齊。而垂直對齊方式也有三種選擇：頂部對齊、居中對齊、底部對齊。對于一個盒子而言，其對齊方式可以通過設置盒子的寬度、高度和margin、padding屬性來進行設置。

.box {
width: 200px;
height: 200px;
margin: 0 auto; /* 水平居中對齊 */
padding: 50px;
text-align: center; /* 內容居中對齊 */
line-height: 100px; /* 垂直居中對齊 */
border: 2px solid black;
}

上述代碼表示了一個寬高為200px的盒子，水平居中對齊、內容居中對齊、垂直居中對齊，并且有一個2px的黑色邊框。其中，水平居中的方式是通過將左右margin設置為auto實現的，內容居中對齊的方式是通過設置text-align屬性實現的，垂直居中對齊的方式是通過將行高line-height屬性設置為盒子高度的一半實現的。

通過對盒子對齊方式的設置，我們可以讓網頁更為美觀、規整。而CSS也提供了多種方式來實現不同的對齊方式，讓我們能夠更加自由靈活地進行網頁設計。