BS項目中的CSS架構_僅載入自己需要的CSS

先說下這套架構的優點：
1.可以方便的把繁重的CSS編寫工作分配出去，而不會相互造成影響。
2.結構清晰，利於維護和修改。
3.每一張網頁都僅載入自己需要的CSS。

總結下來就是：提高開發效率，提高維護效率，提高網頁載入效率。

下面我解釋一下上面這張CSS結構圖：

圖中間的5個黑色的圖示表示網頁，其中上面單獨的一張是主版頁面，下面四張是子頁。使用VS的人都知道主版頁面的作用，相當於asp中的include，把共通的部分作成母片，單獨的部分作成子頁，提高開發效率。

圖上方綠色框內的是全域CSS部分，它們存放在styles檔案夾中，由母片調用並作用到所有子頁。

圖上方藍色虛線框是單一CSS部分，其中每一張子頁都有對應的檔案夾用來存放自己專屬的CSS檔案。它們存放在styles/x檔案夾中。 由各自對應的C#檔案控制：開啟不同的子頁時，母片載入當前頁的CSS。

圖左下角的紅色框是主題部分，用來存放全域的樣式和圖片。作用和綠色框一樣，只不過它是由子頁載入的，並不是母片統一載入的。 這部分和綠色框合并也無大礙。

接下來我介紹一下那麼多CSS檔案都有什麼用？

—Adm/styles
——Basic.css 全域基礎樣式
——Layout.css 全域配置樣式 （尺寸，定位等）
——General.css 全域美觀樣式 （顏色，圖片等）
—Adm/styles/GroupManager 檔案夾（例子）
——Group_Layout.css group頁特有的配置樣式
——Group_General.css group頁特有的美觀樣式

調用這麼多CSS會帶來較多的伺服器請求，下面附上解決辦法。