aspx中如何引入css

發(fā)布時間：2022-02-25 11:33:39 來源：億速云閱讀：238 作者：小新欄目：web開發(fā)

小編給大家分享一下aspx中如何引入css，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

　　1、可以直接寫在需要樣式控制的控件里

　　例如：<divstyle="border:#ff61001pxsolid"></div>是該div的邊框顏色，粗細(xì)為1像素，solid視線。

　　例如：<style></style>

　　2、寫在該頁面內(nèi)

　　可以是賦給多個控件控件的name要一樣也可以控件的class或者cssclass調(diào)用,客戶端控件和服務(wù)器端調(diào)用的區(qū)別例如：

　　<styletype="text/css">中間寫樣式屬性：比如頁面有幾個name為textinfo的控件可以寫成

　　#textinfo{border：#ff61001pxsolid;}

　　也可以寫成.textcss但是需要的空間每個都要在class="textcss"才有效</style>這個寫在<head>標(biāo)簽里。

　　3、靜態(tài)添加css，就是直接引用css：

　　1）首先在aspx頁面中的head標(biāo)記中加入：

　　<linkrel="stylesheet"href="pagecss.css"type="text/css"/>

　　意思就是應(yīng)用同級目錄下的pagecss.css文件中的樣式。

　　2）用CSS定義aspx文件中一個按鈕的樣式：

　　<asp:Buttonid="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、動態(tài)變換：

　　在asp.net中，有的時候要動態(tài)變換CSS，比如有的時候做個性化頁面，可以這樣做

　　1）仍然需要在head標(biāo)記中添加標(biāo)記聲明：

　　<linkid="MyStyleSheet"rel="stylesheet"type="text/css"runat="server"/>

　　2)之后，在要更換CSS的頁面中，使用如下js代碼

　　voidfuction

　　{

　　MyStyleSheet.Attributes.Add("href","/css/flostyle.css")

　　}

　　3)頁面就可以動態(tài)控制要引用的css文件了。

以上是“aspx中如何引入css”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡