首页 / CSS / CSS样式之ASP.NET的使用
CSS样式之ASP.NET的使用
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了CSS样式之ASP.NET的使用,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1966字,纯文字阅读大概需要3分钟。
内容图文
![CSS样式之ASP.NET的使用](/upload/InfoBanner/zyjiaocheng/414/97a9ce5b44d04c318e296a1f8f68d2cb.jpg)
1 使用link标签去调用样式,即调用css文件中的样式,可以直接将CSS文件拖拽到html页的head下面
此方法先加载css,后加载html
<head runat="server"> <title>网页标题</title> <link href="Css/default.css" rel="stylesheet" type="text/css" /> </head>
2 使用style标签
<head runat="server"> <title>网页标题</title> <link href="Css/default.css" rel="stylesheet" type="text/css" /> <style type="text/css"> body { width:100%; } </style> </head>
3 import加载,先加载html,后加载css
<style type="text/css"> @import url('css/default.css'); </style>
4 在default.css中的使用
1 如果只写控件的类型,表示该类型的控件都用这样的样式
2 如果想对某一控件进行设置样式使用 #
举个栗子: defaullt.css 文件
body { padding: 0px; margin: 0px; width:960px; height:auto; display:block; margin-left:auto; margin-right:auto; } #p_Top { width:100%; height:80px; margin:0 auto; background-color:White; display:block; } #p_Mid { width:100%; height:auto; margin:0 auto; background-color:White; display:block; min-height:420px; } #p_Footer { width:100%; height:30px; } #Select,#Insert,#Delete,#Update { width:90px; margin-left:auto; margin-right:auto; height:90px; font-size:15px; border: 3px solid #33CCFF; } #Select:hover,#Insert:hover,#Delete:hover,#Update:hover { cursor:pointer; background-color:#33CCFF; }
5 对于控件而言 可以使用属性加载样式
1 使用style属性 直接使用 style=" width:auto; height:auto; margin-left:auto; margin-right:auto;"
2 使用class 调用head里的样式
3 使用CssClass 调用head里的样式
<style type="text/css"> .Bt { width:80px; height:25px; border:none; } .Bt:hover { cursor:pointer; background-color:#33CCFF; } .closed { border-style: none; height:21px; width:21px; background-image: url('/Images/closed.png'); background-repeat:no-repeat; } .closed:hover { cursor:pointer; } </style>
6 后台为前台按钮添加样式
bt.Attributes.CssStyle.Value = "background-color:Gray;";
7 可以用 迭代写法
表示设置 Menu下的ul下的li的 样式
#Menu ul li { width:100%; border:1px dotted gray; margin:0; padding:0; }
以上就是CSS样式之ASP.NET的使用的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的CSS样式之ASP.NET的使用全部内容,希望文章能够帮你解决CSS样式之ASP.NET的使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。