BS項(xiàng)目中的CSS架構(gòu)_僅加載自己需要的CSS
先說下這套架構(gòu)的優(yōu)點(diǎn)：
1.可以方便的把繁重的CSS編寫工作分配出去，而不會(huì)相互造成影響。
2.結(jié)構(gòu)清晰，利于維護(hù)和修改。
3.每一張網(wǎng)頁都僅加載自己需要的CSS。
總結(jié)下來就是：提高開發(fā)效率，提高維護(hù)效率，提高網(wǎng)頁加載效率。
下面我解釋一下上面這張CSS結(jié)構(gòu)圖：
圖中間的5個(gè)黑色的圖示表示網(wǎng)頁，其中上面單獨(dú)的一張是母版頁，下面四張是子頁。使用VS的人都知道母版頁的作用，相當(dāng)于asp中的include，把共通的部分作成母版，單獨(dú)的部分作成子頁，提高開發(fā)效率。
圖上方綠色框內(nèi)的是全局CSS部分，它們存放在styles文件夾中，由母版調(diào)用并作用到所有子頁。
圖上方藍(lán)色虛線框是單一CSS部分，其中每一張子頁都有對應(yīng)的文件夾用來存放自己獨(dú)有的CSS文件。它們存放在styles/x文件夾中。 由各自對應(yīng)的C#文件控制：打開不同的子頁時(shí)，母版加載當(dāng)前頁的CSS。
圖左下角的紅色框是主題部分，用來存放全局的樣式和圖片。作用和綠色框一樣，只不過它是由子頁加載的，并不是母版統(tǒng)一加載的。 這部分和綠色框合并也無大礙。
接下來我介紹一下那么多CSS文件都有什么用？
—Adm/styles
——Basic.css 全局基礎(chǔ)樣式
——Layout.css 全局布局樣式 （尺寸，定位等）
——General.css 全局美觀樣式 （顏色，圖片等）
—Adm/styles/GroupManager 文件夾（例子）
——Group_Layout.css group頁特有的布局樣式
——Group_General.css group頁特有的美觀樣式
調(diào)用這么多CSS會(huì)帶來較多的服務(wù)器請求，下面附上解決辦法。
相關(guān)文章
Pjblog模板制作教程 超強(qiáng)推薦...2007-02-02
HTML5實(shí)戰(zhàn)與剖析之觸摸事件(touchstart、touchmove和touchend)
本文主要介紹HTML5實(shí)戰(zhàn)與剖析之觸摸事件，介紹的比較詳細(xì)，需要的朋友可以參考下。2016-06-06
CHM集錦(CHM)...2006-11-11
IE死了，無論是IE6還是7，今天遇到了這個(gè)問題！帶著滿身的汗查了半天，終于定位到問題了！原來是float元素沒有閉合的原因！2008-04-04
同一個(gè)頁面用多個(gè)id有什么影響...2006-12-12
DIV 居中的絕好解決方法...2006-11-11
CSS樣式表常用小技巧收藏...2007-03-03
CSS整體布局聲明的一些使用技巧...2007-09-09
推薦三種簡潔的Tab導(dǎo)航（網(wǎng)頁選項(xiàng)卡）簡析
推薦三種簡潔的Tab導(dǎo)航（網(wǎng)頁選項(xiàng)卡）簡析...2007-05-05
很多CSSer是從以前的網(wǎng)頁制作中開始學(xué)習(xí)CSS網(wǎng)頁布局的，或許還存在著一定的DW習(xí)慣。希望此文能幫助大家理解和糾正一些不好的習(xí)慣。2008-11-11