CSS塊對齊是CSS布局中非常重要的一個概念，它可以讓網站各種頁面元素更加清晰有序地顯示。CSS塊有兩種重要的類型，其一是普通CSS塊，另一種則是分組塊。

普通CSS塊
{
屬性1: 屬性值1;
屬性2: 屬性值2;
...
屬性n: 屬性值n;
}

普通CSS塊是可以獨立存在的，它由一組屬性和屬性值組成，用花括號括起來。每一條屬性都由屬性名和屬性值組成，中間用冒號分隔。最后一個屬性值后面不需要加分號。

分組塊
{
選擇器1
{
屬性1: 屬性值1;
屬性2: 屬性值2;
...
屬性n: 屬性值n;
}
選擇器2
{
屬性1: 屬性值1;
屬性2: 屬性值2;
...
屬性n: 屬性值n;
}
...
選擇器n
{
屬性1: 屬性值1;
屬性2: 屬性值2;
...
屬性n: 屬性值n;
}    
}

分組塊是將多個普通CSS塊組合成一個大塊，其中每個普通CSS塊都有一個選擇器來控制其樣式。每個普通CSS塊之間用花括號分割，它們都在分組塊中。多個選擇器可以選取相同的html元素，從而將這些元素的樣式集中到一起，充分實現樣式的模塊化管理。

總結來說，CSS塊對齊是一個對網頁布局非常重要的概念。我們可以通過普通CSS塊和分組塊來實現CSS樣式的定義和控制。普通CSS塊是一個可以獨立存在的塊，由一組屬性和屬性值組成。而分組塊則是將多個普通CSS塊組合成一個大的塊，它們之間用花括號分割。選擇器用來控制相同元素的樣式，實現樣式的模塊管理。