BS項(xiàng)目中的CSS架構(gòu)_僅加載自己需要的CSS
先說(shuō)下這套架構(gòu)的優(yōu)點(diǎn)：
1.可以方便的把繁重的CSS編寫(xiě)工作分配出去，而不會(huì)相互造成影響。
2.結(jié)構(gòu)清晰，利于維護(hù)和修改。
3.每一張網(wǎng)頁(yè)都僅加載自己需要的CSS。
總結(jié)下來(lái)就是：提高開(kāi)發(fā)效率，提高維護(hù)效率，提高網(wǎng)頁(yè)加載效率。
下面我解釋一下上面這張CSS結(jié)構(gòu)圖：
圖中間的5個(gè)黑色的圖示表示網(wǎng)頁(yè)，其中上面單獨(dú)的一張是母版頁(yè)，下面四張是子頁(yè)。使用VS的人都知道母版頁(yè)的作用，相當(dāng)于asp中的include，把共通的部分作成母版，單獨(dú)的部分作成子頁(yè)，提高開(kāi)發(fā)效率。
圖上方綠色框內(nèi)的是全局CSS部分，它們存放在styles文件夾中，由母版調(diào)用并作用到所有子頁(yè)。
圖上方藍(lán)色虛線框是單一CSS部分，其中每一張子頁(yè)都有對(duì)應(yīng)的文件夾用來(lái)存放自己獨(dú)有的CSS文件。它們存放在styles/x文件夾中。 由各自對(duì)應(yīng)的C#文件控制：打開(kāi)不同的子頁(yè)時(shí)，母版加載當(dāng)前頁(yè)的CSS。
圖左下角的紅色框是主題部分，用來(lái)存放全局的樣式和圖片。作用和綠色框一樣，只不過(guò)它是由子頁(yè)加載的，并不是母版統(tǒng)一加載的。 這部分和綠色框合并也無(wú)大礙。
接下來(lái)我介紹一下那么多CSS文件都有什么用？
—Adm/styles
——Basic.css 全局基礎(chǔ)樣式
——Layout.css 全局布局樣式 （尺寸，定位等）
——General.css 全局美觀樣式 （顏色，圖片等）
—Adm/styles/GroupManager 文件夾（例子）
——Group_Layout.css group頁(yè)特有的布局樣式
——Group_General.css group頁(yè)特有的美觀樣式
調(diào)用這么多CSS會(huì)帶來(lái)較多的服務(wù)器請(qǐng)求，下面附上解決辦法。
相關(guān)文章
html小技巧之td,div標(biāo)簽里內(nèi)容不換行
這篇文章主要介紹了td,div標(biāo)簽里內(nèi)容不換行的方法,需要的朋友可以參考下2014-05-05
CSS中幾種常見(jiàn)的注釋...2007-05-05
淺談html中id和name的區(qū)別實(shí)例代碼
這個(gè)是form里面的name與id的區(qū)別2008-07-07
xhtml+css網(wǎng)頁(yè)制作中常見(jiàn)問(wèn)題解決方法
xhtml+css頁(yè)面制作過(guò)程中問(wèn)題的解決方案，說(shuō)是解決方案應(yīng)該有點(diǎn)過(guò)了，充其量只不過(guò)是給剛剛開(kāi)始學(xué)標(biāo)準(zhǔn)頁(yè)面制作的朋友們的一些小建議，如果講得不對(duì)的地方請(qǐng)多多包涵，當(dāng)然也可以提出你們更好的方法，大家相互學(xué)習(xí)交流，共同成長(zhǎng)！2008-10-10
提高網(wǎng)頁(yè)的效率 Use YSlow to know why your web Slow
內(nèi)容再豐富的網(wǎng)站，如果慢到無(wú)法訪問(wèn)也是毫無(wú)意義的； SEO做的再好的網(wǎng)站，如果搜索蜘蛛抓不到也是白搭(頁(yè)面效率和搜索蜘蛛之間的關(guān)系，需要進(jìn)一步的確認(rèn)，此為和上篇保持統(tǒng)一)； UE設(shè)計(jì)的再人性化的網(wǎng)站，如果用戶(hù)連看都看不到也是空談。2008-09-09
DIV+CSS布局教程大全與pdf電子書(shū) 下載...2007-03-03
Zen Coding 快速編寫(xiě)HTML/CSS代碼的實(shí)現(xiàn)
在本文中我們將展示一種新的使用仿CSS選擇器的語(yǔ)法來(lái)快速開(kāi)發(fā)HTML和CSS的方法。它由Sergey Chikuyonok開(kāi)發(fā)。2011-01-01
用CSS實(shí)現(xiàn)基本條狀圖表效果...2007-11-11
不用javascript實(shí)現(xiàn)帶序號(hào)的表格隔行換色的效果
這篇文章使用css實(shí)現(xiàn)隔行換色的方法，需要的朋友可以參考一下2007-11-11
表格（table）是一直以來(lái)長(zhǎng)期被大家使用的標(biāo)簽，直到現(xiàn)在還是在用，不過(guò)呢因?yàn)楝F(xiàn)在的網(wǎng)站重構(gòu)，建議大家不要表格（table）來(lái)布局而很多朋友誤以為用表格（table）就是所謂的不標(biāo)準(zhǔn)了，其實(shí)不然，表格（table）是一個(gè)重要元素。2008-10-10