1. 程式人生 > >如何在asp.net頁面使用css和js

如何在asp.net頁面使用css和js

一、如何在asp.net頁面中使用css

·     例項

<%@ Page Title="關於WIFICounter" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="About.aspx.cs" Inherits="About" %>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
         <link rel="stylesheet" href="Content/feedback.css">

</asp:Content>

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檔案了。

2、對於js需要宣告一個標記在標記之間寫js程式碼:
<script type="text/javascript" ></script>

相關推薦

ASP.net解決CSSJS的快取問題

前言 筆者前幾個月沒怎麼寫部落格,現在實習工作也4周了,開始規定自己每週寫一篇,主要目的是為了總結一下工作中遇到的問題與解決方法以及涉及到的知識,並與大家分享;順便的鍛鍊下自己的語言表達能力,這個在工作中真是太重要的,很多時候只要可以把問題清楚的描述出來,就等

如何在asp.net頁面使用cssjs

一、如何在asp.net頁面中使用css ·     例項 <%@ Page Title="關於WIFICounter" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="About.aspx.c

.net 自由切換httphttps請求頁面,含帶處理cssjs切換時失效問題

在切換頁面請求前的準備工作是先申請443埠下的安全證書,這裡不做詳解 可在相關網站上進行申請。 在切換http和https可以使用iis7的url重寫功能,也可以使用其它的一些外掛。 這裡我使用的是SecuritySwitch v4.2.0.0 ;可在我的部落格資源中下載,也可以在網上

HTML檔案裡把所有的cssjs檔案引入後,其他的HTML檔案引入該頁面後,可以使用該頁面引入的cssjs

怎樣將一個HTML檔案裡把所有的css、js檔案引入後,然後其他的HTML檔案就不需要在進行引入了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

asp.net mvc3 css/js壓縮合並---持續更新

1,CSS/JS壓縮:     我下面的合併是用了combres的元件,這裡我就不用這個實現了,推薦一個可以像vs裡面的cs/aspx這樣編輯的一個css/js編輯器。     名稱:Chirpy     描述:實現css/js檔案像編輯cs/aspx這

CSSJS的位置會影響頁面效率

css在載入過程中不會影響到DOM樹的生成,但是會影響到Render樹的生成,進而影響到layout,所以一般來說,style的link標籤需要儘量放在head裡面,因為在解析DOM樹的時候是自上而下的,而css樣式又是通過非同步載入的,這樣的話,解析DOM樹下的body節點和載入css樣式

【譯】ASP.NET應用程式頁面生命週期

概述 大體上的兩步處理流程 ASP.NET環境的建立 通過MHPM觸發的事件處理請求 在什麼事件中我們可以做什麼? 一個簡單的示例 詳解ASP.NET頁面事件

JavaEE專案在WEB-INF目錄下的jsp頁面如何訪問WebRoot中的CSSJS

寫專案為了訪問安全問題,將jsp頁面放在WEB-INF下,卻訪問不到樣式檔案。試了很多方法,以下可行好用: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncodi

asp頁面Asp.net頁面傳中文引數UrlEncode編碼以及接收解碼

在asp中加一個連結,指向asp.net網頁,但asp.net的網址是經過HttpUtility.UrlEncode轉換和HttpUtility.UrlDecode解碼的,而asp的server.urlencode卻和HttpUtility.UrlEncode的編碼方式不

ASP.NET頁面生命周期與控件生命周期

回發 數據 數據處理 數據庫 dispose 足夠 -- 實現邏輯 save ASP.NET頁面生命周期 (1)PreInit 預初始化(2)Init 初始化(3)InitComplete 初始化完成(4)PreLoad 預加載(5)Load 加載(6)LoadComple

html、cssjs註釋的規範用法

ont alt 推薦 pan 文件 strong 服務 可用 如何 成為專業的前端工程師!!! html註釋: <!--註釋內容--> css註釋: //註釋內容 單行註釋(不推薦使用,因為有的瀏覽器可能不兼容,沒有效果)/*註釋內容*/ 多

ASP.Net MVC SessionCookies的簡單使用

span pen ons -- req ria hide resp request 目標:用Session和Cookies實現登陸信息保存和展現 Cookies實現: Controller: //把登陸用戶名存到cookies中 HttpCookie cook =

asp.net頁面上得到Castle容器的實例

exceptio prot object man net cast initial oid clas 在項目中使用Castle IOC容器,Asp.net程序中如何得到Castle容器內。 可以如下實現: 1、Gloabal實現接口IContainerAccessor p

Asp.Net頁面傳值的方法簡單總結【原創】

tid 周期 () 路徑 coo webp 方式 qpi 優點 1、QueryString 當頁面上form按照get的方式向頁面發送請求數據的時候,web server會將請求數據放入 一個QEURY_STRING的環境變量中,然後通過QeueryString方法

ASP.net之HttpModel httpHandle 之一

結束 nethttp get nth send 信息 來講 不同 pmod HttpModule是向實現類提供模塊初始化和處置事件。當一個HTTP請求到達HttpModule時,整個ASP.NET Framework系統還並沒有對這個HTTP請求做任何處理,也就是說此時

關於更新發布CSSJS文件的緩存問題

版本號 手動更新 解析 瀏覽器緩存 ext .com 關機 嚴重 新的 在Web應用程序大行天下的今天,我們程序員的工作大都基於B/S架構,B/S架構的優勢就在於可以及時(甚至隨時)更新頁面以及後臺邏輯,而不用通知客戶去手動更新客戶端。在這種環境下,是不是B/S架構

asp.net mvc webformrazor的page基類區別

bpa shtml lena tor data lang pil prot 擴展 接觸過asp.net mvc的都知道,在傳統的webform的模式下,page頁面的基類是這樣聲明的: <%@ Page Language="C#" MasterPageFile=

cssjs處理隔行換色的問題

ron -o user XML use type scala tex sha <html> <head> <meta charset="utf-8"> <met

Asp.net相關知識經驗的碎片化記錄

class xquery 配置 lte 方案 字符 慎用 code run 1、解決IIS7.0下“HTTP 錯誤 404.15 - Not Found 請求篩選模塊被配置為拒絕包含的查詢字符串過長的請求”問題 方案1:在程序的web.config中system.web節點

wordpress插件開發掛載cssjs

blog ima class code -i _file__ res install mage define( ‘CSS‘, plugin_dir_url( __FILE__ ) . ‘css/‘ );//定義css根目錄 define( ‘JS‘, plugin