CSS3属性之二:box-shadow
语法: box-shadow:<length> <length> <length> <length> || <color> 取值: <length> <length> <length>? <length>? || <color>: 阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色 说明: 设置块阴影 box-shadow这个属性应用的非常普遍,可以使你的元素立刻变得漂亮起来,只是记得不要把值设得太离谱。 box-shadow的四个参数: x-offset x轴偏移 y-offset y轴偏移 blur 模糊值 color of shadow 阴影颜色 下面来看一个例子,代码如下:
1 |
<div><span style="COLOR: #0000ff"><!</span><span style="COLOR: #ff00ff">DOCTYPE html</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">head</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">>盒子阴影</</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">meta </span><span style="COLOR: #ff0000">charset</span><span style="COLOR: #0000ff">="utf-8"</span><span style="COLOR: #ff0000"> </span><span style="COLOR: #0000ff">/></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">style</span><span style="COLOR: #0000ff">></span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #800000"><br />.box </span><span style="background-color: rgb(245, 245, 245); ">{</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> width</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">300px</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> height</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">300px</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> background-color</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">#fff</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> <br /> </span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #008000">/*</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #008000"> 设置阴影 </span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #008000">*/</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> -webkit-box-shadow</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">1px 1px 3px #292929</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> -moz-box-shadow</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">1px 1px 3px #292929</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> box-shadow</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">1px 1px 3px #292929</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /></span><span style="background-color: rgb(245, 245, 245); ">}</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #800000"><br /></span><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">style</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">head</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">body</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">div </span><span style="COLOR: #ff0000">class</span><span style="COLOR: #0000ff">="box"</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/></span><br />看,是不是很有立体感?没有设置边框啊。<br /><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">div</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">body</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">></span></div> |
运行效果如下(Chrome中): 还可以一次运用多个box-shadows,这样做会产生一些有趣的效果,看下面这个例子:
1 |
<div><span style="COLOR: #0000ff"><!</span><span style="COLOR: #ff00ff">DOCTYPE html</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">head</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">></</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">meta </span><span style="COLOR: #ff0000">charset</span><span style="COLOR: #0000ff">="utf-8"</span><span style="COLOR: #ff0000"> </span><span style="COLOR: #0000ff">/></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">style</span><span style="COLOR: #0000ff">></span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #800000"><br />.box </span><span style="background-color: rgb(245, 245, 245); ">{</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> width</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">300px</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> height</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">300px</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> background-color</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">#fff</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> <br /> </span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #008000">/*</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #008000"> 设置阴影 </span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #008000">*/</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> -webkit-box-shadow</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">1px 1px 3px green, -1px -1px 3px blue</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> -moz-box-shadow</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">1px 1px 3px green, -1px -1px 3px blue</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> box-shadow</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">1px 1px 3px green, -1px -1px 3px blue</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /></span><span style="background-color: rgb(245, 245, 245); ">}</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #800000"><br /></span><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">style</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">head</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">body</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">div </span><span style="COLOR: #ff0000">class</span><span style="COLOR: #0000ff">="box"</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/></span><br />看,我有两个颜色的阴影!O(∩_∩)O哈!<br /><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">div</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">body</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">></span></div> |
运行效果如下(Chrome中): 可以看到,有两个颜色的阴影。 看下面一个例子:为下面这张图片添加阴影,让其有立体感:
1 |
<div><span style="COLOR: #0000ff"><!</span><span style="COLOR: #ff00ff">DOCTYPE html</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">head</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">></</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">meta </span><span style="COLOR: #ff0000">charset</span><span style="COLOR: #0000ff">="utf-8"</span><span style="COLOR: #ff0000"> </span><span style="COLOR: #0000ff">/></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">style</span><span style="COLOR: #0000ff">></span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #800000"><br />body </span><span style="background-color: rgb(245, 245, 245); ">{</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> width</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">500px</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> margin</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">50px auto</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /></span><span style="background-color: rgb(245, 245, 245); ">}</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #800000"><br />.box </span><span style="background-color: rgb(245, 245, 245); ">{</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> position</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">relative</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> -webkit-box-shadow</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">1px 2px 4px rgba(0, 0, 0, 0.5)</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> -moz-box-shadow</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">1px 2px 4px rgba(0, 0, 0, 0.5)</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> box-shadow</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">1px 2px 4px rgba(0, 0, 0, 0.5)</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> padding</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">10px</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> background</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">#fff</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /></span><span style="background-color: rgb(245, 245, 245); ">}</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #800000"><br />.box img </span><span style="background-color: rgb(245, 245, 245); ">{</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> width</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">100%</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> border</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">1px solid #8a4419</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> border-style</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">inset</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /></span><span style="background-color: rgb(245, 245, 245); ">}</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #800000"><br />.box:after </span><span style="background-color: rgb(245, 245, 245); ">{</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> content</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">''</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> position</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">absolute</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> z-index</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">-1</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> <br /> </span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #008000">/*</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #008000"> 阴影部分 </span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #008000">*/</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> -webkit-box-shadow</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">0 15px 20px rgba(0, 0, 0, 0.3)</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> -moz-box-shadow</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">0 15px 20px rgba(0, 0, 0, 0.3)</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> box-shadow</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">0 15px 20px rgba(0, 0, 0, 0.3)</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> <br /> width</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">70%</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> left</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">15%</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> height</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">100px</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /> bottom</span><span style="background-color: rgb(245, 245, 245); ">:</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #0000ff">0</span><span style="background-color: rgb(245, 245, 245); ">;</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #ff0000"><br /></span><span style="background-color: rgb(245, 245, 245); ">}</span><span style="BACKGROUND-COLOR: #f5f5f5; COLOR: #800000"><br /></span><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">style</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">head</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">body</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">div </span><span style="COLOR: #ff0000">class</span><span style="COLOR: #0000ff">="box"</span><span style="COLOR: #0000ff">></span><br /> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">img </span><span style="COLOR: #ff0000">src</span><span style="COLOR: #0000ff">="allstar.jpg"</span><span style="COLOR: #ff0000"> title</span><span style="COLOR: #0000ff">="球星云集"</span><span style="COLOR: #ff0000"> </span><span style="COLOR: #0000ff">/></span><br /><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">div</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">body</span><span style="COLOR: #0000ff">></span><br /><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">></span></div> |
运行效果如下(Chrome中): 以前我吗需要在photoshop中把图片做成这样的效果,现在可以直接用CSS代码来实现了。 转自:http://www.cnblogs.com/lianjun/archive/2011/03/14/1983465.html
View DetailsASP内置对象 Request对象
集合 Request.ClientCertificate(key[SubField])所有客户证书的信息的集合。对于Key,该集合具有如下的关键字: Subject证书的主题。包含所有关于证书收据的信息。能和所有的子域后缀一起使用。 Issuer证书的发行人。包含所有关于证书验证的信息。除了CN外,能和所有的子域后缀一起使用。 VadidFrom证书发行的日期。使用VBScript格式。 ValidUntil该证书不在有效的时间。 SerialNumber包含该证书的序列号。 Certificate包含整个证书内容的二进制流,使用ASN.1格式。 对于SubField,Subject和Issuer关键字可以具有如下的子域后缀:(比如:SubjectOU或IssuerL) C起源国家。 O公司或组织名称。 OU组织单元。 CN用户的常规名称。 L局部。 S州(或省)。 T个人或公司的标题。 GN给定名称。 I初始。 当文件cervbs.inc(VBScript使用)或cerjavas.inc(Jscript使用)通过使用#INCLUDE导向包含在你的Active Server Page里时,下面两个标志可以使用: ceCertPresent指明客户证书是否存在,其值为TRUE或FALSE。 ceUnrecongnizedIssure指明在该链表中的最后的证书的发行者是否未知,其值为TRUE或FALSE。 Request.Cookies(Cookie[(key).Attribute]) Cookie的集合。允许获得浏览器的Cookie。Cookie指明返回那一个Cookie。Key用于从Cookie字典中返回具有某一关键字的Cookie值。对于Attribute,你能使用属性HasKeys来确定某一Cookie是否具有子关键字。HasKeys的值为TRUE或FALSE。 Request.Form(Parameter)[(Index).Count] 填写在HTML的表单中所有的数据的集合。Parameter是在HTML表单中某一元素的名称。当某一参数具有不止一个值(比如,当在<SELECT>中使用MULTIPLE属性时)时,使用Index。当某一参数具有多值时,Count指明多值个数。 Request.QueryString(Varible)[(Index).Count] 查询字符串的所有值的集合。Varible是在查询字符串某一变量的名称。当某一变量具有多于一个值时,使用Index。当某一参数具有多值时,Count指明值的个数。 Request.ServerVaribles(Server Environment Variable) 环境变量的集合。允许读取HTTP头。你可以通过使用HTTP_前缀来读取任何头信息。比如,HTTP_USER_AGENT接受客户代理HTTP头(浏览器类型)。除此外,你可以使用下表所示的变量获得任何环境信息。 ALL_HTTP客户端发送的所有HTTP标头,他的结果都有前缀HTTP_。 ALL_RAW客户端发送的所有HTTP标头,其结果和客户端发送时一样,没有前缀HTTP_ APPL_MD_PATH应用程序的元数据库路径。 APPL_PHYSICAL_PATH与应用程序元数据库路径相应的物理路径。 AUTH_PASSWORD当使用基本验证模式时,客户在密码对话框中输入的密码。 AUTH_TYPE这是用户访问受保护的脚本时,服务器用于检验用户的验证方法。 AUTH_USER代验证的用户名。 CERT_COOKIE唯一的客户证书ID号。 CERT_FLAG客户证书标志,如有客户端证书,则bit0为0。如果客户端证书验证无效,bit1被设置为1。 CERT_ISSUER用户证书中的发行者字段。 CERT_KEYSIZE安全套接字层连接关键字的位数,如128。 CERT_SECRETKEYSIZE服务器验证私人关键字的位数。如1024。 CERT_SERIALNUMBER客户证书的序列号字段。 CERT_SERVER_ISSUER服务器证书的发行者字段 CERT_SERVER_SUBJECT服务器证书的主题字段。 CERT_SUBJECT客户端证书的主题字段。 CONTENT_LENGTH客户端发出内容的长度。 CONTENT_TYPE客户发送的form内容或HTTP PUT的数据类型。 GATEWAY_INTERFACE服务器使用的网关界面。 HTTPS如果请求穿过安全通道(SSL),则返回ON。如果请求来自非安全通道,则返回OFF。 HTTPS_KEYSIZE安全套接字层连接关键字的位数,如128。 HTTPS_SECRETKEYSIZE服务器验证私人关键字的位数。如1024。 HTTPS_SERVER_ISSUER服务器证书的发行者字段。 HTTPS_SERVER_SUBJECT服务器证书的主题字段。 INSTANCE_IDIIS实例的ID号。 INSTANCE_META_PATH响应请求的IIS实例的元数据库路径。 LOCAL_ADDR返回接受请求的服务器地址。 LOGON_USER用户登录Windows NT的帐号 PATH_INFO客户端提供的路径信息。 PATH_TRANSLATED通过由虚拟至物理的映射后得到的路径。 QUERY_STRING查询字符串内容。 REMOTE_ADDR发出请求的远程主机的IP地址。 REMOTE_HOST发出请求的远程主机名称。 REQUEST_METHOD提出请求的方法。比如GET、HEAD、POST等等。 SCRIPT_NAME执行脚本的名称。 SERVER_NAME服务器的主机名、DNS地址或IP地址。 SERVER_PORT接受请求的服务器端口号。 SERVER_PORT_SECURE如果接受请求的服务器端口为安全端口时,则为1,否则为0。 SERVER_PROTOCOL服务器使用的协议的名称和版本。 SERVER_SOFTWARE应答请求并运行网关的服务器软件的名称和版本。 URL提供URL的基本部分。 方法 Request.BinaryRead(Count) 接收一个HTML表单的未经过处理的内容。当调用此方法时,Count指明要接收多少字节。在调用此方法后,Count指明实际上接收到多少个字节。 属性 Request.TotalBytes 查询体的长度,以字节为单位。
View Detailsmeta大全
一、HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有: 1、Content-Type和Content-Language (显示字符集的设定) 用法:<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">或<Meta http-equiv="Content-Language" Content="zh-CN"> 设定页面使用的字符集,用以说明主页制作所使用的文字或语言,浏览器会根据此来调用相应的字符集显示页面内容。简体中文一般为GB2132,繁体中文为BIG5,日文的字符集是iso-2022-jp,韩文的是ks_c_5601等。 2、Refresh (刷新) 用法:<Meta http-equiv="Refresh" Content="30">或<Meta http-equiv="Refresh" Content="5; Url=http://www.bazhan.net"> 让网页多少秒刷新自己,或在多少秒后让网页自动链接到其它网页。 3、Expires (期限) 用法:<Meta http-equiv="Expires" Content="0">或<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT"> 指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。注意:必须使用GMT的时间格式。 4、Pragma (cach模式) 用法:<Meta http-equiv="Pragma" Content="No-cach"> 网页不保存在缓存中,每次访问都刷新页面。这样设定,访问者将无法脱机浏览。 5、Set-Cookie (cookie设定) <Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/"> 浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。当你希望访问者每次都刷新你广告的图标,或每次都刷新你的计数器,就要禁用缓存了。通常HTML文件没有必要禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器动态生成的,缓存就失去意义。如果网页过期,那么存盘的cookie将被删除。必须使用GMT的时间格式。 6、Window-target (显示窗口的设定) 用法:<Meta http-equiv="Widow-target" Content="_top"> 强制页面在当前窗口以独立页面显示。这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent。 7、Pics-label (网页RSAC等级评定) 用法:<META http-equiv="Pics-label" Contect="(PICS-1.1’http://www.bazhan.net' I gen comment 'RSACi North America […]
View Details清除页面缓存
当使用ASP进行Web编程时,你发现确实修改了程序代码,确认没有改错,却发现输出的Webyemi8an没有变化,这就是服务端将此ASP文件加入了页面缓存。 清楚页面缓存有一下几种方法; 1.在ASP页面首部加入一下代码: Response.Buffer=True Response.ExpiresAbsolute=Now()-1 Response.Expires=0 Response.CacheControl=“no-cache” Response.AddHeader “Pragma”,“no-Cache” 2.在HTML代码中加入下面的代码,不过这些代码似乎不能解决刷新无效的问题,因为这些代码只是针对客户端的页面缓存而已,只具有清楚客户端的页面缓存的功能。 <HEAD> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> <META HTTP-EQUIV="Expires" CONTENT="no-cache"> </HEAD> 3.如果一个ASP文件是url.asp,那么在访问的时候,脚本链接应该为: <input type="button" onclick="window.location.href=’url.asp?’+Math.random()" value="提交"/>
View DetailsScriptManager.RegisterStartupScript失效的解决方案
今天在项目中一个页面使用 System.Web.UI.ScriptManager.RegisterStartupScript(this, GetType(), "js", "alert('OK');", true);的时候发现没用,检查发现脚本没用注册到页面, check页面发现了问题,<form method="post"> 没用ruanat,更详细的信息请参看MSDN关于这个方法参数的介绍
View Details35岁前成功的12条黄金法则
第一章:一个目标 一艘没有航行目标的船,任何方向的风都是逆风 1、你为什么是穷人,第一点就是你没有立下成为富人的目标 2、你的人生核心目标是什么?杰出人士与平庸之辈的根本差别并不是天赋、机遇,而在于有无目标。 3、起跑领先一步,人生领先一大步:成功从选定目标开始 4、贾金斯式的人永远不会成功 为什么大多数人没有成功?真正能完成自己计划的人只有5%,大多数人不是将自己的目标舍弃,就是沦为缺乏行动的空想 5、 如果你想在35岁以前成功,你一定在25至30岁之间确立好你的人生目标 6、 每日、每月、每年都要问自己:我是否达到了自己定下的目标 第二章:两个成功基点 站好位置,调正心态,努力冲刺,35岁以前成功 (一)人生定位 1、 人怕入错行:你的核心竞争力是什么? 2、 成功者找方法,失败者找借口 4、 寻找自己的黄金宝地 (二)永恒的真理:心态决定命运,35岁以前的心态决定你一生的命运 1、 不满现状的人才能成为富翁 2、 敢于梦想,勇于梦想,这个世界永远属于追梦的人 3、 35岁以前不要怕,35岁以后不要悔 4、 出身贫民,并非一辈子是贫民,只要你永远保持那颗进取的心。中国成功人士大多来自小地方 5、 做一个积极的思维者 6、 不要败给悲观的自己 有的人比你富有一千倍,他们也会比你聪明一千倍么?不会,他们只是年轻时心气比你高一千倍。人生的好多次失败,最后并不是败给别人,而是败给了悲观的自己。 7、 成功者不过是爬起来比倒下去多一次 8、 宁可去碰壁,也不要在家里面壁 克服你的失败、消极的心态 (1) 找个地方喝点酒 (2) 找个迪厅跳跳舞 (3) 找帮朋友侃侃山 (4) 积极行动起来 第三章:三大技巧 1、管理时间:你的时间在哪里,你的成就就在哪里。 把一小时看成60分钟的人,比看作一小时的人多60倍 2、你不理财,财不理你 3、自我管理,游刃有余(1) 创业不怕本小,脑子一定要好(2) 可以开家特色店(3) 做别人不愿做的生意 第四章:四项安身立命的理念 35岁以前一定要形成个人风格 1、做人优于做事 做事失败可以重来,做人失败却不能重来(1) 做人要讲义气 (2) 永不气馁 2、豁达的男人有财运,豁达的女人有帮夫运 35岁以前搞定婚姻生活 3、忠诚的原则:35岁以前你还没有建立起忠诚美誉,这一缺点将要困扰你的一生 4、把小事做细,但不要耍小聪明 中国人想做大事的人太多,而愿把小事做完美的人太少 第五章:五分运气□ 比尔?盖茨说:人生是不公平的,习惯去接受它吧 1、人生的确有很多运气的成人:谋事在人,成事在天:中国的古训说明各占一半 2、机会时常意外地降临,但属于那些不应决不放弃的人 3、抓住人生的每一次机会 机会就像一只小鸟,如果你不抓住,它就会飞得无影无踪 4、 者早一步,愚者晚一步 第六章:六项要求 1、智慧 (1)别人可你以拿走你的一切,但拿不走你的智慧 (2)巧妙运用自己的智慧 (3)智者与愚者的区别 2、勇气 (1)勇气的力量有时会让你成为"超人" (2)敢于放弃,敢于"舍得" […]
View DetailsVS2010安装项目的系统必备中添加.NET 2.0
VS2010安装项目的系统必备中没有.NET 2.0,不过我们可以从VS2008的程序文件中找到 .NET 2.0 的系统必备安装包。 安装了VS2008 的 C:\Program Files\Microsoft SDKs\Windows\v6.0A\Bootstrapper\Packages 下的 DotNetFX 文件夹,就是 .NET 2.0 的系统必备安装包。把 DotNetFX 文件夹复制到安装了 VS2010 的 C:\Program Files\Microsoft SDKs\Windows\v7.0A\Bootstrapper\Packages下,然后在VS2010中就可以选择 .NET 2.0 的系统必备了。 原文:http://www.cnblogs.com/anjou/archive/2011/05/08/2040675.html
View DetailsPage.ClientScript.RegisterStartupScript 与 Page.ClientScript.RegisterClientScriptBlock 之间的区别
Page.ClientScript.RegisterStartupScript 与 Page.ClientScript.RegisterClientScriptBlock 被用来注册脚本块。第一个是 RegisterStartupScript 方法。当您有一个想要在页面加载时启动的 JavaScript 函数时,最好使用该类。就此列举一例,在 Visual Studio 2005 中创建一个包含两个按钮的 ASP.NET 页面。Button1 和 Button2 分别为这两个按钮的 ID。然后,在 Page_Load 事件内部嵌入以下代码 C#:
1 |
Page.ClientScript.RegisterStartupScript(this.GetType(), "MyScript", "function AlertHello() { alert('你好,ASP.NET'); }", true); |
1 |
Button1.Attributes["onclick"] = "AlertHello()";Button2.Attributes["onclick"] = "AlertHello()"; |
RegisterStartupScript 方法的两个可能结构如下: • RegisterStartupScript (type, key, script) • RegisterStartupScript (type, key, script, script tag specification) 在上例中,您指定了类型 Me.GetType()、关键字及包含的脚本,然后是一个值为 True 的布尔值(以便 .NET 自动使用 <script> 标记将脚本嵌入 ASP.NET 页面中)。Page.ClientScript.RegisterStartupScript 与 Page.ClientScript.RegisterClientScriptBlock 之间的区别 主要区别在于:RegisterStartupScript 方法是将 JavaScript 嵌入到 ASP.NET 页面的底部,恰好位于关闭元素 </form> 的前面。RegisterClientScriptBlock方法是将 JavaScript 嵌入到页面中开启元素 <form> 的紧后面。那么,这有何不同呢?正如我们将要看到的,这有很大的不同。 就此列举一例,以下是在页面加载到浏览器时,将焦点置于该页面上的一个文本框中的方法 – 使用利用了 RegisterStartupScript 方法:
1 |
Page.ClientScript.RegisterStartupScript(this.GetType(), "Testing", "document.forms[0]['<strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">txtText</strong>'].focus();", True) |
由于在浏览器运行到页面底部并执行此小段 JavaScript 时,就已生成了页面上的文本框,并已将其放到了页面中,因此,此方法运行正常。但是,如果不按照上述方法,而编写如下代码(使用 RegisterClientScriptBlock 方法):
1 |
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "Testing", "document.forms[0]['<strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">txtText'</strong>].focus();", True) |
文本框控件将不会获得焦点,且会在页面上生成一个 JavaScript 错误(如图 1 所示)。 图 1. 执行 JavaScript 时出错 出错的原因在于,浏览器将先遇到 JavaScript,而后文本框才会出现在页面中。因此,JavaScript 将无法找到 txtText。 原文出处:http://blog.csdn.net/jiahello/archive/2009/06/29/4305855.aspx
View Detailsc#中const与readonly区别
const 的概念就是一个包含不能修改的值的变量。
1 |
常数表达式是在编译时可被完全计算的表达式。因此不能从一个变量中提取的值来初始化常量。如果 const int a = b+1;b是一个变量,显然不能再编译时就计算出结果,所以常量是不可以用变量来初始化的。 readonly 允许把一个字段设置成常量,但可以执行一些运算,可以确定它的初始值。因为 readonly 是在计算时执行的,当然它可以用某些变量初始化。readonly 是实例成员,所以不同的实例可以有不同的常量值,这使readonly更灵活。readonly 关键字与 const 关键字不同。1. const 字段只能在该字段的声明中初始化。 readonly 字段可以在声明或构造函数中初始化。因此,根据所使用的构造函数,readonly 字段可能具有不同的值。2. const 字段是编译时常数,而 readonly 字段可用于运行时常数。3. const 默认就是静态的,而 readonly 如果设置成静态的就必须显示声明。4.const 对于引用类型的常数,可能的值只能是 string 和 null。 readonly可以是任何类型总结const只能在初期就使用常量初始化好。对于每一次编译后的结果,const的值是固定的,而readonly的值是可以在运行的时候才确定值的~~FROM URL:<a href="http://zhidao.baidu.com/question/286719961.html">http://zhidao.baidu.com/question/286719961.html</a> |