一、如何在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. Combox下拉绑定DataGridView

    这个Combox下拉很多人都在用  但其中绘制的语句如下: #endregion #region 方法 #region 绘制DataGridView以及下拉DataGridView private v ...

  2. 深入理解setTimeout的作用域

    看了一篇关于setTimeout作用域的问题,其实之前在<javascript高级程序设计>时也看到了,分享给大家: 先总结下: 一.setTimeout中的延迟执行代码中的this永远都 ...

  3. java多线程有几种实现方法,都是什么?同步有几种实现方法,都是什么?

    多线程有两种实现方法,分别是继承Thread类与实现Runnable接口 同步的实现方面有两种,分别是synchronized,wait与notify 先看一下java线程运行时各个阶段的运行状态 j ...

  4. Bessie Goes Moo

    Bessie Goes Moo 题目描述 Farmer John and Bessie the cow love to exchange math puzzles in their free time ...

  5. PAT (Advanced Level) 1008. Elevator (20)

    简单模拟. 注意a[i]==a[i-1]的情况. #include<iostream> #include<cstring> #include<cmath> #inc ...

  6. BNU OJ 50998 BQG's Messy Code

    #include <cstdio> #define _(l) int l #define ___(l,L) for (_(o)=0,x=l o*2;o<x;o++)O= L o; # ...

  7. 程序ajax请求公共组件-- app-jquery-http.js

    $.HTTP = { getUrlParam : function (name) { var reg = new RegExp ("(^|&)" + name + &quo ...

  8. 建立一个属于自己的AVR的RTOS

    建立一个属于自己的AVR的RTOS(序) 建立一个属于自己的AVR的RTOS(第一篇:函数的运行) 建立一个属于自己的AVR的RTOS(第二篇:人工堆栈) 建立一个属于自己的AVR的RTOS(第三篇: ...

  9. Blog`s CSS

    #div_digg { position: fixed; bottom: 10px; width: 50px; right: 50px; filter: alpha(opacity=20); opac ...

  10. Unity 3d中Shader是什么,可以吃吗?

    众所周知,Unity3d是一款跨平台非常广的游戏引擎,上手容易,界面友好,集成功能众多,是目前开发手游的主流引擎.本人有幸使用Unity 3d进行开发已一年多时间,已领略了这歀引擎的强大之处. 编写s ...