無名相簿CSS樣式選擇器架構圖

開啟無名相簿的 album.css 樣式檔時，會看到一條條密密麻麻的
樣式規則，規則裡面包括了各式多樣的選擇器、屬性和值等定義，但那
些規則到底指的是相簿哪裡的樣式呢？若只想改滑鼠的游標，又應該改
哪一條規則呢？

無名相簿的CSS樣式架構主要分為下列兩大區塊：

上方視覺表現區 主要內容有： (1) 會員登入區 ( #logo ) (2) 上方廣告區 ( #ad_banner ) (3) 橫幅背景圖 ( #banner )

功能文字區 主要內容有： (1) 功能服務列表區塊 ( .sidetitle ) (2) 服務列表文字、相簿相片張數、容量、人氣文字 ( .small ) (3) 相簿區塊 ( .side ) (4) 相簿縮圖 ( .side img ) 此外尚有開啟相簿才會出現的功能： (1) 相簿名稱 ( .normal-a ) (2) 相簿敘述 ( .description ) (3) 相片區塊 ( .side ) (4) 相片縮圖 ( .side img ) (5) 開啟相片的上、下張相片區塊 ( .side ) (6) 開啟相片的上、下張相片縮圖 ( .side img )