一、如何在asp.net頁面中使用css
1、可以直接寫在需要樣式控制的控件里
例如:<div style="border:#ff6100 1px solid"></div> 是該div 的邊框 顏色,粗細為1像素, solid 視線 。
例如:<style></style>
2、 寫在該頁面內
可以是賦給多個控件 控件的 name 要一樣 也可以控件的 class 或者 cssclass 調用,客戶端控件和服務器端調用的區別例如:
<style type="text/css"> 中間寫樣式屬性: 比如頁面有幾個 name 為 textinfo 的控件 可以寫成 #textinfo {border:#ff6100
1px solid;}。也可以寫成 .textcss 但是需要的空間每個都要在 class="textcss" 才有效</style> 這個寫在 <head> 標簽里。
3、靜態添加css,就是直接引用css:
1)首先在aspx頁面中的head標記中加入:
<link rel="stylesheet" href="pagecss.css" type="text/css" />
意思就是應用同級目錄下的pagecss.css文件中的樣式。
2)用CSS定義aspx文件中一個按鈕的樣式:
<asp:Button id="Btn_query" runat="server" Text="搜 索" CssClass="button"></asp:Button>
3)同級目錄下定義Pagecss.css文件:
p { font-size: 9pt}
a:hover { font-size: 9pt; color: #FF0000; text-decoration: none}
a:link { font-size: 9pt; color: #0000FF; text-decoration: none}
a:visited { font-size: 9pt; color: #990099; text-decoration: none}
.button { font-size:9pt;background:lightgreen;border-color:black;border-width:1pt;height:20}
4、動態變換:
在asp.net中,有的時候要動態變換CSS,比如有的時候做個性化頁面,可以這樣做
1)仍然需要在head標記中添加標記聲明:
<link id="MyStyleSheet" rel="stylesheet" type="text/css" runat="server" />
2 )之后,在要更換CSS的頁面中,使用如下js代碼
void fuction
{
MyStyleSheet.Attributes.Add("href","/css/flostyle.css")
}
3)頁面就可以動態控制要引用的css文件了。
二、asp.net使用js的方法
1、引用js文件的方法:
<script type="text/javascript" src="http://www.cnblogs.com/yuncen/archive/2012/06/08/javascript/first.js"></script>
2、對於js需要聲明一個標記在標記之間寫js代碼:
<script type="text/javascript" ></script>