一、如何在asp.net页面中使用css
1、可以直接写在需要样式控制的控件里
 例如：<div style="border:#ff6100 1px solid"></div> 是该div 的边框 颜色，粗细为1像素， solid 视线  。

例如：<style></style>

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

<style type="text/css"> 中间写样式属性： 比如页面有几个 name 为 textinfo 的控件 可以写成 #textinfo {border：#ff6100

1px 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文件了。

二、asp.net使用js的方法
1、引用js文件的方法：
<script type="text/javascript" src="http://www.cnblogs.com/yuncen/archive/2012/06/08/javascript/first.js"></script>

2、对于js需要声明一个标记在标记之间写js代码：
<script type="text/javascript" ></script>

如何在asp.net页面使用css和js的更多相关文章

  1. ASP.NET 打包多CSS或JS文件以加快页面加载速度的Handler

    ASP.NET 打包多CSS或JS文件以加快页面加载速度的Handler, 使用<link type="text/css" rel="Stylesheet" ...

  2. Asp.net 后台添加CSS、JS、Meta标签

    Asp.net 后台添加CSS.JS.Meta标签的写法,我这里写成函数方便以后使用.如果函数放在页面类中, Page参数也可以不要. 首先导入命名空间 using System.Web.UI.Htm ...

  3. asp.net mvc处理css和js版本问题

    当服务的修改了js和css内容后,发布到IIS服务器上,总是导致客户端内容显示不正确,原因是客户端存在缓存,还是加载的原来的js和css问题. 在css或js后面添加版本号,例如: <scrip ...

  4. 缓存处理后，F5刷新页面，css和js返回200，为什么不是304？

    最近在Apache上做网站的静态资源缓存,但是各种配置之后,发现css和js返回的状态码都是200,为什么不是304? 找来找去在知乎上得到了答案. 来自知乎的一个回答 http://www.zhih ...

  5. 如何在ASP.NET页面中使用异步任务(PageAsyncTask)

    在页面加载期间,可能有些操作是要比较耗用时间的(例如调用外部资源,要长时间等待其返回),正常情况下,这个操作将一直占用线程.而大家知道,ASP.NET在服务端线程池中的线程数是有限的,如果一直占用的话 ...

  6. ASP.NET页面使用AjaxPro2完成JS调用后台方法

    一.首先下载AjaxPro.2.dll(附下载地址) 百度网盘链接:https://pan.baidu.com/s/1r87DE1Tza9F4NbJwTCS1AQ 提取码:10p6 二.在Visual ...

  7. Windows server 2008 IIS7发布asp.net mvc网站css、js脚本无法访问 问题解决

    今天发布网站遇到一个感到很无语的问题,网站发布成功,浏览网站内容数据显示正常,就是没有样式,试了下脚本也是没有反应,如图效果: 接下来就是一顿苦找原因,检查iis设置.什么应用程序池.文件路径等各种检 ...

  8. 如何在ASP.NET Web站点中统一页面布局[Creating a Consistent Layout in ASP.NET Web Pages(Razor) Sites]

    如何在ASP.NET Web站点中统一页面布局[Creating a Consistent Layout in ASP.NET Web Pages(Razor) Sites] 一.布局页面介绍[Abo ...

  9. asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度

    介绍 使用许多小得JS.CSS文件代替一个庞大的JS或CSS文件来让代码获得更好的可维 护性,这是一个很好的实践.但这样做反过来却损失了网站的性能.虽然你应该将你的Javascript代码写在小文件中 ...

随机推荐

  1. 简单三段式状态机实验3-Sequence Detect(序列检测)

    1.序列检测器的逻辑功能描述:序列检测指的就是将一个指定的序列从数字码流中识别出来.本例中,我们将设计一个"10010”序列的检测器.设x_in为数字码流输入,z_out为检出标记输出,高电 ...

  2. mysql优化---优化工具MySQL performance tuning primer script

    MySQL performance tuning primer script一个简单好用的mysql优化工具,其实一个shell脚本 下载: $ wget http://www.day32.com/M ...

  3. STM32开发指南-跑马灯实验

    简单对I/O口的控制,主要通过对寄存器的读写控制.主要通过I/O的寄存器来控制:1. 控制I/O的方向2. 控制I/O的输出电平或上下来电阻3. 存储I/O口当前的输入状态(高低电平) 对使用LED灯 ...

  4. Bundle display name 与 Bundle name 的区别

    Bundle display name 与 Bundle name 的区别是什么?"Bundle Name" and "Bundle display name" ...

  5. ionic系列

    1. 推荐中文API https://github.com/ychow/ionic-guide

  6. (简单) POJ 2240 Arbitrage，SPFA。

    Description Arbitrage is the use of discrepancies in currency exchange rates to transform one unit o ...

  7. 解决在某些IE浏览器下字符乱码的问题

    习惯上我们写字符声明都是 <meta charset="utf-8"> 在绝大多数浏览器都没有问题,但是在操蛋的IE上有时候会出现编码错误!! 解决方案: <me ...

  8. css（一）-- 概述以及引入方式

    概述 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不仅可 ...

  9. 1、手把手教你Extjs5(一)搭建ExtJS5环境

    Ext JS 5 的主要特性包括: 新的数据绑定方式 新增支持 MVVM 模式,并且依然支持 MVC 模式 对手持设备更友好,针对触屏设备进行优化 新的主题 Crisp / Neptune Touch ...

  10. 在阿里云ECS（CentOS6.5）上安装jdk

    JDK安装 在安装前先确定服务器上没有安装过JDK 命令: java -version 结果: 查看所有java安装包 命令: yum -y list java* 结果: 选择安装所需要的JDK 命令 ...