aspx中如何引入css
小编给大家分享一下aspx中如何引入css,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
1、可以直接写在需要样式控制的控件里
例如:<divstyle="border:#ff61001pxsolid"></div>是该div的边框颜色,粗细为1像素,solid视线。
例如:<style></style>
2、写在该页面内
可以是赋给多个控件控件的name要一样也可以控件的class或者cssclass调用,客户端控件和服务器端调用的区别例如:
<styletype="text/css">中间写样式属性:比如页面有几个name为textinfo的控件可以写成
#textinfo{border:#ff61001pxsolid;}
也可以写成.textcss但是需要的空间每个都要在class="textcss"才有效</style>这个写在<head>标签里。
3、静态添加css,就是直接引用css:
1)首先在aspx页面中的head标记中加入:
<linkrel="stylesheet"href="pagecss.css"type="text/css"/>
意思就是应用同级目录下的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、动态变换:
在asp.net中,有的时候要动态变换CSS,比如有的时候做个性化页面,可以这样做
1)仍然需要在head标记中添加标记声明:
<linkid="MyStyleSheet"rel="stylesheet"type="text/css"runat="server"/>
2)之后,在要更换CSS的页面中,使用如下js代码
voidfuction
{
MyStyleSheet.Attributes.Add("href","/css/flostyle.css")
}
3)页面就可以动态控制要引用的css文件了。
以上是“aspx中如何引入css”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341