aspx如何引入css的方法

发布时间：2020-09-25 10:02:51 作者：小新
来源：亿速云阅读：173

aspx如何引入css的方法？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

1、可以直接写在需要样式控制的控件里

例如：<div style="border:#ff6100 1px solid"></div> 是该div 的边框颜色，粗细为1像素， solid 视线。

例如：<style></style>

2、写在该页面内

可以是赋给多个控件控件的 name 要一样也可以控件的 class 或者 cssclass 调用,客户端控件和服务器端调用的区别例如：

 #textinfo {border：#ff61001px 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文件了。

感谢各位的阅读！看完上述内容，你们对aspx如何引入css的方法大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注亿速云行业资讯频道。

aspx如何引入css的方法

相关阅读