2011年5月28日 星期六

css 選擇器 ( css selector)

css 對於美化與設計網頁有著不可或缺的重要角色,當你需要某些區塊有什麼顏色、抑或是某些背景,加入在 tag 的 attribute 之中,當然,建議在另一樣式檔案( *.css )編輯,在用 link tag 匯入樣式檔案,這樣網頁的程式碼,看起來更簡潔。

而在這樣式檔案之中,有以下一些規則,在此作介紹。

( 引用網址:http://www.w3.org/TR/CSS2/selector.html )

各位可以先去了解哪些瀏覽器有支援 css 3的功能,提供一個網址給大家參考http://www.findmebyip.com/litmus



以下為 css 2.1 選擇器語法的介紹:
樣式描述範例
*通用選擇器 - 匹配任何元素* { color: Red;}
所有元素 color 變為 Red
E類型選擇器 - 匹配任何 E 元素div { color: Red; } div 元素 color 變為 Red
E F後代選擇器 - 匹配任何 E 底下所有 F 元素div span { color: Red; }
div 底下所有 span 元素 color 變為 Red
E > F子代選擇器 - 匹配任何 E 子代所有 F 元素div > span { color: Red; }
div 子代所有 span 元素 color 變為 Red,並不等同於後代選擇器,注意「子代」的意思
E:first-child:first-child 偽類選擇器 - 匹配 E 父元素的第一個 E 元素p > em:first-child 所有 p 元素底下的第一個 em 元素 color 變為 Red
E:linklink 偽類選擇器 - 匹配 E 元素未被按下的元素 -
E:visitedlink 偽類選擇器 - 匹配 E 元素已被按過的元素 -
E:activedynamic 偽類選擇器 - 匹配 E 元素滑鼠按下時的元素 -
E:hoverdynamic 偽類選擇器 - 匹配 E 元素滑鼠滑過時的元素 -
E:focusdynamic 偽類選擇器 - 匹配 E 元素獲得焦點時的元素 -
E:lang(c) :lang() 偽類選擇器 - 匹配 E 元素 lang 屬性為 c 的元素div:lang(c) { color: Red; }
所有 div 的 lang 屬性為 c 的元素 color 變為 Red
E + F相鄰選擇器 - 匹配緊鄰 E 元素後同級 F 元素div + span { color: Red; }
緊鄰 div 之後的 span 同級元素
E ~ F鄰後選擇器 - 匹配 E 元素後同級 F 元素div ~ span { color: Red; }
div 之後的 span 同級元素
E[foo]屬性選擇器 - 匹配 E 元素屬性有 foo 的元素(無視有無值)div[class] { color: Red; }
E[foo="warning"]屬性選擇器 - 匹配 E 元素屬性 foo 值為 warningdiv[class="red"] { color: Red; }
E[foo~="warning"]屬性選擇器 - 匹配 E 元素屬性 foo 可能包含多個用空格隔開的值,其中有一個值為 warning 的元素div[class~="red"] { color: Red; }
E[lang|="en"]屬性選擇器 - 匹配 E 元素屬性 lang 可能包含多個用連字符號隔開的值,以 en 開頭的元素-
DIV.warningClass選擇器 - 匹配 DIV 元素 class 為 warning 的元素div.red { color: Red; }
等同於 div[class~="red"]
E#myidID選擇器 - 匹配 E 元素 id 為 myid 的元素div#sn { color: Red; }

回JQuery目錄
回首頁

2011年5月20日 星期五

使用 ascx 在 aspx 網頁上

些時候,需要重複用到某一些控制項,而這些控制項又不是 master page (主版頁面) 能幫你完成的,這時候就需要 Web User Control (使用者控制項) 幫你的忙了。

首先,需要建立一個 *.aspx 與 *.ascx。在不在同一個資料夾無所謂,在於 *.aspx 要對應到 *.ascx 的相對路徑。我以 Default.aspx 與 WebUserControl.ascx 作為範例。

Default.aspx 程式碼如下:

<%@ Page Language="C#" AutoEventWireup="true" 
CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Src="~/WebUserControl.ascx"
TagPrefix="wuc" TagName="uc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <wuc:uc1 runat="server" />
    </div>
    </form>
</body>
</html>
WebUserControl.ascx 程式碼如下:

<%@ Control Language="C#" AutoEventWireup="true" 
CodeFile="WebUserControl.ascx.cs" Inherits="WebUserControl" %>
<asp:Label ID="Label1" runat="server" Text="我是使用者自訂控制項">
</asp:Label>
執行後,則會產生如下頁面:

我是使用者自訂控制項

回目錄
回首頁

2011年5月7日 星期六

Request.ServerVariables 所有元素的用法

ServerVariables 用於檢視伺服器環境變數的值。







變數說明
Request.ServerVariables["ALL_HTTP"]Client端發送的所有 HTTP 標題文件
Request.ServerVariables["ALL_RAW"]顯示未處理表格中所有的標題
Request.ServerVariables["APPL_MD_PATH"]顯示 ISAPI DLL 的 (WAM) Application 的資料庫路徑
Request.ServerVariables["APPL_PHYSICAL_PATH"]顯示與資料庫路徑相應的物理路徑
Request.ServerVariables["AUTH_PASSWORD"]該值输入到客户端的鑒定對話中
Request.ServerVariables["AUTH_TYPE"]用户訪問受保護的脚本時,服務器用於檢驗用户的驗證方法
Request.ServerVariables["AUTH_USER"]未被鑒定的用户名
Request.ServerVariables["CERT_COOKIE"]客户端驗證的唯一 ID,以字串方式返回
Request.ServerVariables["CERT_FLAGS"]如有客户端驗證,则 bit0 為 1
如果客户端驗證的驗證人無效(不在伺服器許可的 CA 列表中),bit1 被設置為 1
Request.ServerVariables["CERT_ISSUER"]用户驗證中的頒布者字段(O=MS,OU=IAS,CN=user name,C=USA)
Request.ServerVariables["CERT_KEYSIZE"]安全套接字層連接關键字的位數,如 128
Request.ServerVariables["CERT_SECRETKEYSIZE"]伺服器驗證私人關键字的位數,如 1024
Request.ServerVariables["CERT_SERIALNUMBER"]用户驗證的序列號字段
Request.ServerVariables["CERT_SERVER_ISSUER"]伺服器驗證的頒發者字段
Request.ServerVariables["CERT_SERVER_SUBJECT"]伺服器驗證的主字段
Request.ServerVariables["CERT_SUBJECT"]客户端驗證的主字段
Request.ServerVariables["CONTENT_LENGTH"]客户端發出内容的長度
Request.ServerVariables["CONTENT_TYPE"]内容的數據類型
Request.ServerVariables["GATEWAY_INTERFACE"]伺服器使用的 CGI 規格的修訂
Request.ServerVariables["HTTP_HeaderName"]HeaderName 儲存在標題文件中的值
Request.ServerVariables["HTTPS"]如果請求穿過安全通道(SSL),則返回 ON。如果請求來自非安全通道,则返回 OFF。
Request.ServerVariables["HTTPS_KEYSIZE"]安全套接字層連接關键字的位數,如 128。
Request.ServerVariables["HTTPS_SECRETKEYSIZE"]伺服器驗證私人關键字的位數。如 1024。
Request.ServerVariables["HTTPS_SERVER_ISSUER"]伺服器驗證的頒發者字段
Request.ServerVariables["HTTPS_SERVER_SUBJECT"]伺服器驗證的主字段
Request.ServerVariables["INSTANCE_ID"]文本格式 IIS 實例的 ID
Request.ServerVariables["INSTANCE_META_PATH"]響應请求的 IIS 實例的資料庫路徑
Request.ServerVariables["LOCAL_ADDR"]返回接受請求的伺服器地址
Request.ServerVariables["LOGON_USER"]用户登入 Windows NT® 的帳號
Request.ServerVariables["PATH_INFO"]客户端提供的額外路徑信息
Request.ServerVariables["PATH_TRANSLATED"]PATH_INFO 轉換後的版本,該變數獲取路徑並進行必要的由虛擬至物理的映射
Request.ServerVariables["QUERY_STRING"]查询 HTTP 請求中問號(?)後的信息。
Request.ServerVariables["REMOTE_ADDR"]發出请求的遠程主機的 IP 地址
Request.ServerVariables["REMOTE_HOST"]發出請求的主機名稱
Request.ServerVariables["REMOTE_USER"]用户發送的未映射的用户名字串
Request.ServerVariables["REQUEST_METHOD"]該方法用於提出請求
Request.ServerVariables["SCRIPT_NAME"]執行脚本的虛擬路徑
Request.ServerVariables["SERVER_NAME"]出現在自引用 UAL 中的伺服器主機名、DNS 化名或 IP 地址
Request.ServerVariables["SERVER_PORT"]發送請求的 port
Request.ServerVariables["SERVER_PORT_SECURE"]如果安全端口處理了請求,則為 1,否則為 0。
Request.ServerVariables["SERVER_PROTOCOL"]請求信息協議的名稱和修訂
Request.ServerVariables["SERVER_SOFTWARE"]應答請求並運行網關的伺服器軟件的名稱和版本
Request.ServerVariables["URL"]提供 URL 的基本部分

引用:http://asp.jz123.cn/innerobject/request/intr5vsj.htm

回目錄
回首頁

跑馬燈(marquee)使用方法

馬燈使用時機可能是為了某些字串重要需要以醒目的方式顯現,又或者是將大量顯示的資料縮為一小區塊以移動的方式給使用者可以閱覽,不管如何,這是一個方便的 html tag。










marquee 屬性:
屬性說明示範
behaviorscroll由右至左循環移動behavior="scroll"
slide由右至左到左底停住behavior="slide"
alternate左右循環來回晃動behavior="alternate"
bgcolor顏色代碼變動背景顏色bgcolor="Gray"
directionup由下至上循環移動direction="up" height="50"
down由上至下循環移動direction="down" height="50"
left由右至左循環移動direction="left"
right由左至右循環移動direction="right"
height% 或者 像素(px)跑馬燈高度height="60"
hspace像素(px)左右空白空間hspace ="20" bgcolor="Gray"
loop數字循環次數(不設定或0代表無限)loop="1"
scrolldelay數字(毫秒)每次移動的間隔時間scrolldelay="30"
scrollamount數字(像素)每次移動的間隔距離scrollamount="30"
width% 或者 像素跑馬燈寬度width="100px"
vspace像素(px)上下空白空間vspace ="20" bgcolor="Gray"

一些特殊用法:
上下飄動的字
更多參考:http://easylearn.bhes.tpc.edu.tw/item/advance/r_marquee_2.htm


跳舞狀的字


更多參考:http://yunol.stes.tc.edu.tw/epaper15.htm

回目錄
回首頁