demoshop

demo, trying to be the best_

在Visual Studio 2008套用CSS與Skin

  • 2008-10-21 05:40:30
  • 7410

這又是一篇紀錄文啦,起因是Microsoft Visual Studio 2008的CSS管理工具真的不錯用,所以demo也打算要來好好利用它,管理小鋪的CSS,但是問題來啦,之前demo用的方式是在Web.config中輸入   <pages theme="skin">   這樣子在Microsoft Visual Studio 2008中編輯是看不到css效果的,於是demo用了很白爛的方法解決它。

想要讓Microsoft Visual Studio 2008在編輯時就有CSS效果就必須在頁面上加上

<link href="App_Themes/default/default.css" rel="stylesheet" type="text/css" />

如果有使用MasterPage那就直接加在MasterPage就可以了

 

但是問題又來了,demo有使用skin,又有用MasterPage總不能要我一頁一頁去套吧,那不是很白痴?所以demo又把Web.config的<pages theme="skin">加上去,就產生了重複載入CSS的蠢事情。

 

所以demo想到一個笨方法,新增一個theme資料夾把skin檔單獨放進去,在web.config中預設成新theme,接者在MasterPage中用外部連結連到CSS,這樣子就完成我要的效果啦,看看原始碼,果然只有載入一次囉

 

因為在Web.config輸入<pages theme="skin">是會把skin這個theme資料夾中的css和skin檔都載入,所以才會發生上述問題,不過如果VS2008的設計畫面可以聰明的去讀到Web.config設定的CSS就不用這麼麻煩了。

回應討論