aspx中如何引入css

发布时间:2022-02-25 11:33:39 作者:小新
来源:亿速云 阅读:226

小编给大家分享一下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”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. HTML中怎么引入CSS
  2. aspx如何引入css的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

aspx css

上一篇:spring中实例化bean无效怎么解决

下一篇:怎么用Java实现简单员工管理系统

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》